"use strict";
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
            t[p[i]] = s[p[i]];
    return t;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const Vector_1 = __importDefault(require("atoms/Vector"));
// const StyledCircleFillPath = styled.withComponent('path') `
//   &.selected {}
//   ${props => props.isSelected && styled.css ``}
// `
// import toClassName from 'classnames'
// const attrs = {
//   active: this.props.isSelected,
// }
// const className = toClassName(attrs)
// <StyledCircleFillPath className={className} />
// =>
// <StyledCircleFillPath isSelected={this.props.isSelected} />
const StyledCircleFillPath = styled.withComponent('path') `
  transition: transform .1s ease-in-out;
  transform-origin: 50% 50%;

  ${props => props.isSelected === false &&
    styled.css `
      transform: scale(0);
    `};
  ${props => props.isSelected === true &&
    styled.css `
      transform: scale(1);
    `};
`;
const wording = {
    description: 'Radio Icon is used to represent the radio section',
    title: 'Radio Icon',
    vectorClassName: 'radio',
};
class RadioIcon extends react_1.default.PureComponent {
    render() {
        const _a = this.props, { stroke, isSelected } = _a, remainingProps = __rest(_a, ["stroke", "isSelected"]);
        console.log('___RadioIcon[isSelected]___', isSelected);
        return (react_1.default.createElement(Vector_1.default, Object.assign({}, remainingProps, wording),
            react_1.default.createElement("g", { stroke: "none", strokeWidth: "2", fill: "none", fillRule: "evenodd" },
                react_1.default.createElement("g", { stroke: stroke },
                    react_1.default.createElement("g", { transform: "translate(1.000000, 1.000000)" },
                        react_1.default.createElement("path", { stroke: stroke, d: "M18,8.80511351 C18,13.6417622 13.971,17.5618703 9,17.5618703 C4.029,17.5618703 0,13.6417622 0,8.80511351 C0,3.96846486 4.029,0.0483567568 9,0.0483567568 C13.971,0.0483567568 18,3.96846486 18,8.80511351 Z" }),
                        react_1.default.createElement(StyledCircleFillPath, { isSelected: isSelected, fill: stroke, d: "M15,8.80511351 C15,12.028573 12.313,14.6429514 9,14.6429514 C5.687,14.6429514 3,12.028573 3,8.80511351 C3,5.58165405 5.687,2.96727568 9,2.96727568 C12.313,2.96727568 15,5.58165405 15,8.80511351" }))))));
    }
}
RadioIcon.defaultProps = {
    width: '20px',
    height: '20px',
    viewBox: '0 0 20 20',
    stroke: '#000000',
    isSelected: false,
};
exports.RadioIcon = RadioIcon;
exports.default = RadioIcon;
//# sourceMappingURL=RadioIcon.js.map