"use strict";

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("../../Vector"));

const wording = {
  description: 'A rounded rectangle shaped switch,with a circle toggle button inside which likely changes state when moved from left to right or viceversa',
  title: 'Switch icon'
};

class SwitchIcon extends react_1.default.PureComponent {
  render() {
    const {
      fill,
      selectFill,
      isAnimated,
      isSelected,
      stroke
    } = this.props;
    const sliderCircle = isSelected ? 'M25,13 C22.2333333,13 20,10.7666667 20,8 C20,5.2333333 22.2333333,3 25,3 C27.7666666,3 30,5.2333333 30,8 C30,10.7666667 27.7666666,13 25,13 Z' : 'M8.00000003,13 C5.23333333,13 3,10.7666667 3,8 C3,5.2333333 5.23333333,3 8.00000003,3 C10.7666666,3 13,5.2333333 13,8 C13,10.7666667 10.7666666,13 8.00000003,13 Z';
    return react_1.default.createElement(Vector_1.default, Object.assign({}, this.props, wording), react_1.default.createElement("g", {
      stroke: stroke
    }, react_1.default.createElement("path", {
      fill: isSelected ? selectFill : fill,
      d: "M25,0 L8.33333337,0 C3.73333334,0 0,3.7333333 0,8.3333333 C0,12.9333333 3.73333334,16.6666666 8.33333337,16.6666666 L25,16.6666666 C29.6,16.6666666 33.3333334,12.9333333 33.3333334,8.3333333 C33.3333334,3.7333333 29.6,0 25,0 Z"
    }), react_1.default.createElement("path", {
      id: isAnimated && 'slider-circle',
      fill: "#FFFFFF",
      d: sliderCircle
    })));
  }

}

SwitchIcon.defaultProps = {
  width: '38px',
  height: '30px',
  viewBox: '0 0 38 30',
  fill: '#000000',
  selectFill: '#0772B4',
  stroke: '',
  isSelected: false
};
exports.SwitchIcon = SwitchIcon;
exports.default = SwitchIcon; //# sourceMappingURL=SwitchIcon.js.map