"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const Icons_1 = require("../../atoms/Icons");

const styled_1 = require("./styled");

function defaultRenderIcon(props) {
  const {
    iconType,
    breed,
    isAnimated,
    borderColor,
    bgColor,
    tickColor,
    onHandleToggle: handleClick,
    isSelected
  } = props;
  const attributes = {
    isSelected,
    isAnimated,
    onClick: handleClick
  };
  const deselectedIconAttributes = {
    bgColor: 'transparent',
    borderColor,
    tickColor: 'transparent'
  };
  const selectedIconAttributes = {
    bgColor,
    borderColor: 'transparent',
    tickColor
  };
  const svgAttributes = isSelected ? selectedIconAttributes : deselectedIconAttributes;

  function switchIconType(type) {
    switch (type) {
      case 'checkbox':
        return react_1.default.createElement(styled_1.StyledCheckboxIcon, Object.assign({
          breed: breed
        }, attributes, svgAttributes));

      case 'switch':
        const switchLabelView = react_1.default.createElement(styled_1.SwitchLabel, {
          className: isSelected && 'selected',
          content: isSelected ? 'ON' : 'OFF'
        });
        return react_1.default.createElement(styled_1.SwitchIconWrapper, null, react_1.default.createElement(Icons_1.SwitchIcon, Object.assign({}, attributes)), switchLabelView);

      case 'heart':
        return react_1.default.createElement(Icons_1.HeartIcon, Object.assign({}, attributes));

      case 'radio':
      default:
        return react_1.default.createElement(Icons_1.RadioIcon, Object.assign({}, attributes));
    }
  }

  const iconView = switchIconType(iconType);
  return react_1.default.createElement(styled_1.IconWrapper, null, iconView);
}

exports.defaultRenderIcon = defaultRenderIcon;

function defaultRenderLabel(props) {
  const {
    label
  } = props;
  return react_1.default.createElement(styled_1.StyledLabel, null, label);
}

exports.defaultRenderLabel = defaultRenderLabel;

function defaultRenderWrapper(props) {
  const {
    children,
    className
  } = props;
  const passThroughProps = Object.freeze({
    className,
    'data-qa': props['data-qa']
  });
  return react_1.default.createElement(styled_1.Wrapper, Object.assign({}, passThroughProps), children);
}

exports.defaultRenderWrapper = defaultRenderWrapper; //# sourceMappingURL=renderProps.js.map