"use strict";

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

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

const styleh_toolset_1 = require("@skava/styleh-toolset");

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

const styled_1 = require("../styled");

const HeadingPlaceholder = styleh_components_1.styled(Placeholder_1.TextPlaceholder)`margin-bottom:0.5rem;`;
exports.HeadingPlaceholder = HeadingPlaceholder;
const PlaceholderWrapper = styleh_components_1.styled.div`margin:0.5rem 0;display:flex;justify-content:space-between;`;
exports.PlaceholderWrapper = PlaceholderWrapper;
const SeparateWrapper = styleh_components_1.styled.div`display:flex;justify-content:space-between;margin:0.25rem 0;`;
exports.SeparateWrapper = SeparateWrapper;
const PaymentSummaryBox = styleh_components_1.styled(styled_1.FlexColumn)`flex:0 0 50%;`;
exports.PaymentSummaryBox = PaymentSummaryBox;
const PaymentSummaryWrapper = styleh_components_1.styled(styled_1.FlexRow)`padding:1.5rem 0;border-top:1px solid var(--color-light-grey);${styleh_toolset_1.media.phoneOrSmaller`display:block;padding:1rem 0 1.25rem 0;`}`;
exports.PaymentSummaryWrapper = PaymentSummaryWrapper;