"use strict";

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

const tslib_1 = require("tslib");

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

const styles_1 = require("../../../styles");

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

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

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;${styles_1.userSelect('none')};`;
exports.IconWrapper = IconWrapper;
const StyledLabel = styleh_components_1.styled(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 SwitchIconWrapper = styleh_components_1.styled.div`display:flex;align-items:start;.slider-circle{transition:all 500ms ease;}${props => props && props.isSelected && styleh_components_1.styled.css`color:#0772b4;`};`;
exports.SwitchIconWrapper = SwitchIconWrapper;
const SwitchLabel = styleh_components_1.styled(Label_1.default)`font-size:1rem;font-weight:500;margin-left:0.625rem;`;
exports.SwitchLabel = SwitchLabel;
const StyledSwitchIcon = Icons_1.SwitchIcon;
exports.StyledSwitchIcon = StyledSwitchIcon;
const LabelWrapper = styleh_components_1.styled.div`width:100%;display:flex;align-items:center;`;
exports.LabelWrapper = LabelWrapper; //# sourceMappingURL=styled.js.map