"use strict";

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

const tslib_1 = require("tslib");

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

const MaterialIcon_1 = tslib_1.__importDefault(require("@skava/ui/dist/components/atoms/MaterialIcon"));

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const StyledPromoDescription = styleh_components_1.styled(Text_1.Paragraph)`margin:0.5rem 0 0;`;
exports.StyledPromoDescription = StyledPromoDescription;
const StyledCloseIcon = styleh_components_1.styled(MaterialIcon_1.default)``;
exports.StyledCloseIcon = StyledCloseIcon;
const StyledPromoHeading = styleh_components_1.styled(Text_1.Heading)`margin:0;`;
exports.StyledPromoHeading = StyledPromoHeading;
const HeadingWrapper = styleh_components_1.styled.div`display:flex;justify-content:space-between;`;
exports.HeadingWrapper = HeadingWrapper;
const ModalWrapper = styleh_components_1.styled.div`display:flex;flex-direction:column;padding:0.5rem;z-index:3;position:absolute;box-shadow:1px 2px 4px 1px rgba(0,0,0,0.5);top:1.25rem;background-color:var(--color-pure-white);`;
exports.ModalWrapper = ModalWrapper;
const PromotionText = styleh_components_1.styled.span`cursor:pointer;font-size:0.875rem;color:var(--color-dark-green);`;
exports.PromotionText = PromotionText;
const Wrapper = styleh_components_1.styled.div`display:flex;flex-direction:column;position:relative;`;
exports.Wrapper = Wrapper;