"use strict";

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

const tslib_1 = require("tslib");

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

const RadioIcon_1 = tslib_1.__importDefault(require("../../../atoms/Icons/RadioIcon"));

const styled_1 = require("./styled");
/**
 * TOGGLE ITEM COMPONENT RENDER PROPS
 */


function defaultRenderIcon(props) {
  const {
    borderColor,
    bgColor,
    tickColor
  } = props;
  const deselectedIconAttributes = {
    bgColor: 'transparent',
    borderColor,
    tickColor: 'transparent'
  };
  const selectedIconAttributes = {
    bgColor,
    borderColor: 'transparent',
    tickColor
  };
  const svgAttributes = props.isSelected ? selectedIconAttributes : deselectedIconAttributes;
  const iconView = props.isCheckBox ? react_1.default.createElement(styled_1.StyledCheckboxIcon, Object.assign({
    isSelected: props.isSelected,
    onClick: props.onClick
  }, svgAttributes)) : react_1.default.createElement(RadioIcon_1.default, {
    isSelected: props.isSelected,
    onClick: props.onClick
  });
  return react_1.default.createElement(styled_1.ToggleItemIconWrapper, null, iconView);
}

exports.defaultRenderIcon = defaultRenderIcon;

function defaultRenderText(props) {
  return react_1.default.createElement(styled_1.ToggleItemLabel, {
    content: props.label
  });
}

exports.defaultRenderText = defaultRenderText;

function defaultRenderBox(props) {
  const {
    renderText,
    renderIcon
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderText", "renderIcon"]);

  const textView = renderText(remainingProps);
  const iconView = renderIcon(remainingProps);
  return react_1.default.createElement(react_1.default.Fragment, null, iconView, textView);
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrap(props) {
  const dataQa = props.isSelected ? 'qa-facet-selected' : 'qa-facet';
  return react_1.default.createElement(styled_1.ToggleItemWrapper, {
    className: props.className,
    "data-qa": dataQa
  }, props.children);
}

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