"use strict";

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

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

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

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

const ToggleList_1 = require("../../../molecules/ToggleList");

const ShippingMethodOption_1 = require("../../../abstractions/Checkout/ShippingMethodOption");

const ToggleList = styleh_components_1.styled.withComponent(ShippingMethodOption_1.ShippingMethodOption)`
  ${ToggleList_1.Header} {
    font-size: rem(18);
  }
  ${ToggleList_1.ToggleItemIconWrapper} {
    align-self: baseline;
    margin-right: rem(20);
    ${RadioIcon_1.StyledCircleFillPath} {
      fill: #169fd6;
      stroke: none;
    }
  }
`;
exports.ToggleList = ToggleList;
const ShippingTypeLabel = styleh_components_1.styled.withComponent(Label_1.Label)`
  font-weight: 500;
  margin-bottom: rem(4);
`;
exports.ShippingTypeLabel = ShippingTypeLabel;
const ExpectedDeliveryText = styleh_components_1.styled.span`
  color: #65738e;
`;
exports.ExpectedDeliveryText = ExpectedDeliveryText;
const StyledOptionsWrapper = styleh_components_1.styled.withComponent(ShippingMethodOption_1.OptionsWrapper)`
  display: flex;
  flex-direction: column;
  margin-bottom: rem(8);
`;
exports.StyledOptionsWrapper = StyledOptionsWrapper; //# sourceMappingURL=styled.js.map