"use strict";

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

const tslib_1 = require("tslib");

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

const ExpandableCard_1 = tslib_1.__importDefault(require("@skava/ui/dist/components/organisms/ExpandableCard"));

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

const ToggleItemWrapper = styleh_components_1.styled.div`display:flex;align-items:center;`;
exports.ToggleItemWrapper = ToggleItemWrapper;
const StyledCheckBox = styleh_components_1.styled(Placeholder_1.SquarePlaceholder)`margin-right:1.125rem;border-radius:0.125rem;`;
exports.StyledCheckBox = StyledCheckBox;
const StyledTextBox = styleh_components_1.styled(Placeholder_1.TextPlaceholder)``;
exports.StyledTextBox = StyledTextBox;
const StyledCommentBox = styleh_components_1.styled.section`display:flex;flex-direction:column;@media (max-width:767px){width:100%;margin:1rem 0 0;}`;
exports.StyledCommentBox = StyledCommentBox;
const StyledTextArea = styleh_components_1.styled(Placeholder_1.RectanglePlaceholder)`border-radius:0.25rem;`;
exports.StyledTextArea = StyledTextArea;
const ButtonGroup = styleh_components_1.styled.div`display:flex;margin:1rem -0.5rem 0;@media (max-width:767px){flex-direction:column;margin:0;}`;
exports.ButtonGroup = ButtonGroup;
const StyledButton = styleh_components_1.styled(Placeholder_1.RectanglePlaceholder)`margin:0 0.5rem;border-radius:0.25rem;@media (max-width:767px){margin:0.5rem 0 0;}`;
exports.StyledButton = StyledButton;
const StyledExpandableCard = styleh_components_1.styled(ExpandableCard_1.default).attrs({
  'data-qa': 'qa-delivery-instructions-container'
})``;
exports.StyledExpandableCard = StyledExpandableCard;