"use strict";

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

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

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

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

const Modal_1 = require("@skava/ui/dist/components/organisms/Modal");

const SocialIconList_1 = require("@skava/ui/dist/components/molecules/SocialIconList");

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

const Form_1 = require("./Form");

const StyledModalBox = styleh_components_1.styled.withComponent(Modal_1.ModalBox)`width:37.5rem;padding:0.75rem;${styleh_toolset_1.media.desktopOrLarger`padding:2.375rem 2rem 2.625rem;`} ${styleh_toolset_1.media.tabletOrSmaller`padding:1.75rem 1.5rem 2rem;`} ${styleh_toolset_1.media.phoneOrSmaller`padding:1rem 0.5rem 1.5rem;`} ${Form_1.StyledShareButton},${Form_1.StyledCancelButton}{font:${styleh_toolset_1.fontValue(18, 'semi')};width:13.5rem;margin:0;padding:0;border-radius:0.25rem;${styleh_toolset_1.media.tabletOrSmaller`width:10.3125rem;`} ${styleh_toolset_1.media.phoneOrSmaller`width:100%;`}}${Form_1.StyledCancelButton}{${styleh_toolset_1.media.tabletOrLarger`margin-right:1rem;`} ${styleh_toolset_1.media.desktopOrLarger`margin-right:0.5rem;`} ${styleh_toolset_1.media.phoneOrSmaller`margin-top:0.5rem;`}}`;
exports.StyledModalBox = StyledModalBox;
const StyledModalTitle = styleh_components_1.styled.withComponent(Modal_1.ModalTitle).attrs({
  'data-qa': 'qa-popup-title'
})`font:${styleh_toolset_1.fontValue(24, 'semi')};${styleh_toolset_1.media.phoneOrSmaller`font:${styleh_toolset_1.fontValue(20, 'semi')};`} text-transform:capitalize;padding:0;border:0;`;
exports.StyledModalTitle = StyledModalTitle;
const StyledText = Text_1.StyledBaseText.as('span');
const StyledListName = styleh_components_1.styled.withComponent(StyledText).attrs({
  'data-qa': 'qa-list-name'
})`text-transform:capitalize;`;
exports.StyledListName = StyledListName;
const FlexCenter = styleh_components_1.styled.div`display:flex;align-items:center;padding-bottom:1rem;`;
exports.FlexCenter = FlexCenter;
const StyledSocialIconList = styleh_components_1.styled.withComponent(SocialIconList_1.SocialIconList)`position:absolute;bottom:3.125rem;${styleh_toolset_1.media.tabletOrSmaller`bottom:2.5rem;`} ${SocialIconList_1.IconLink}{width:1.875rem;height:1.875rem;padding:0;}.svg-icon-pinteresticon-withoutbg,.svg-icon-twittericon{transform:scale(0.7,0.7);transform-origin:center;}${styleh_toolset_1.media.phoneOrSmaller`position:relative;bottom:0;display:flex;justify-content:center;padding-top:1.625rem;`}`;
exports.StyledSocialIconList = StyledSocialIconList;
const StyledShareIcon = styleh_components_1.styled.withComponent(MaterialIcon_1.MaterialIcon).attrs({
  'data-qa': 'qa-list-share'
})`width:1.375rem;height:1.375rem;cursor:pointer;margin-right:3.375rem;@media (max-width:767px){margin-right:1.5rem;}`;
exports.StyledShareIcon = StyledShareIcon;
const Wrapper = styleh_components_1.styled.div`margin:0;display:flex;align-items:center;`;
exports.Wrapper = Wrapper;