"use strict";

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

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

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

const ToggleList_1 = require("@skava/ui/dist/components/molecules/ToggleList");

const StyledHeader = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`margin-bottom:0.5rem;width:15.625rem;height:1.75rem;@media (max-width:767px){width:100%;}`;
exports.StyledHeader = StyledHeader;
const ShippingTypeTextPlaceholder = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`margin-bottom:0.25rem;width:15.625rem;height:1.25rem;@media (max-width:767px){width:100%;}`;
exports.ShippingTypeTextPlaceholder = ShippingTypeTextPlaceholder;
const ExpectedDeliveryPlaceholder = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`width:15.625rem;height:1rem;@media (max-width:767px){width:100%;}`;
exports.ExpectedDeliveryPlaceholder = ExpectedDeliveryPlaceholder;
const OptionsWrapper = styleh_components_1.styled.div`display:flex;flex-direction:column;margin-bottom:0.5rem;@media (max-width:767px){flex:1;}`;
exports.OptionsWrapper = OptionsWrapper;
const IconPlaceholder = styleh_components_1.styled(Placeholder_1.CirclePlaceholder)`align-self:baseline;margin-right:1.25rem;`;
exports.IconPlaceholder = IconPlaceholder;
const StyledToggleList = styleh_components_1.styled(ToggleList_1.ToggleList)`${ToggleList_1.ToggleItemWrapper}{margin:0;}${ToggleList_1.ToggleContentWrapper}{flex-direction:column;}`;
exports.StyledToggleList = StyledToggleList;