"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

const styleh_components_1 = require("styleh-components");

const Label_1 = __importDefault(require("../../atoms/Text/Label"));

const CheckBoxIcon_1 = require("../../atoms/Icons/CheckBoxIcon");

const Wrapper = styleh_components_1.styled.div`
  display: flex;
  align-items: center;
`;
exports.Wrapper = Wrapper;
const IconWrapper = styleh_components_1.styled.div`
  display: flex;
  margin-right: 10px;
  align-items: baseline;
`;
exports.IconWrapper = IconWrapper;
const StyledLabel = styleh_components_1.styled.withComponent(Label_1.default)`
  font-size: 16px;
  &::selection {
    transition: all 250ms cubic-bezier(0.65, 0.05, 0.36, 1);
    background: transparent;
  }
`;
exports.StyledLabel = StyledLabel;
const StyledCheckboxIcon = styleh_components_1.styled.withComponent(CheckBoxIcon_1.CheckBoxIcon)`
  width: rem(24);
  height: rem(24);
`;
exports.StyledCheckboxIcon = StyledCheckboxIcon;
const SwitchIconWrapper = styleh_components_1.styled.div`
  display: flex;
  align-items: start;

  #slider-circle {
    transition: all 500ms ease;
  }

  &.Selected {
    color: #0772B4;
  }
`;
exports.SwitchIconWrapper = SwitchIconWrapper;
const SwitchLabel = styleh_components_1.styled.withComponent(Label_1.default)`
  font-size: 1rem;
  font-weight: 500;
  margin-left: rem(10);
`;
exports.SwitchLabel = SwitchLabel; //# sourceMappingURL=styled.js.map