"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 inputWrapperStyles = styleh_components_1.styled.css`flex:0 0 43%;padding:0 0.25rem;margin-bottom:1rem;@media (max-width:1023px){flex:0 0 50%;}@media (max-width:767px){flex:0 0 100%;}`;
const Button = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`width:15rem;@media (max-width:767px){flex:0 0 100%;width:100%;}`;
exports.Button = Button;
const RequiredLabel = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`@media (max-width:767px){margin-bottom:1rem;}`;
exports.RequiredLabel = RequiredLabel;
const ButtonWrapper = styleh_components_1.styled.div`flex:0 0 50%;padding:0 0.25rem;display:flex;justify-content:flex-end;@media (max-width:1023px){flex:0 0 100%;}`;
exports.ButtonWrapper = ButtonWrapper;
const RequiredWrapper = styleh_components_1.styled.div`flex:0 0 50%;padding:0 0.25rem;display:flex;justify-content:flex-start;@media (max-width:1023px){flex:0 0 100%;order:-1;margin-bottom:1rem;}`;
exports.RequiredWrapper = RequiredWrapper;
const Label = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`height:0.875rem;display:flex;margin-bottom:0.5rem;width:auto;`;
exports.Label = Label;
const InputBox = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`width:100%;height:2.5rem;`;
exports.InputBox = InputBox;
const Email = styleh_components_1.styled.div`${inputWrapperStyles};margin-right:60%;@media (max-width:767px){margin-right:auto;flex:0 0 100%;}`;
exports.Email = Email;
const Telephone = styleh_components_1.styled.div`${inputWrapperStyles};margin-right:60%;@media (max-width:767px){margin-right:auto;flex:0 0 100%;}`;
exports.Telephone = Telephone;
const Country = styleh_components_1.styled.div`${inputWrapperStyles};margin-right:60%;@media (max-width:1023px){margin-right:auto;}@media (max-width:767px){flex:0 0 100%;}`;
exports.Country = Country;
const PostalCode = styleh_components_1.styled.div`${inputWrapperStyles};flex:0 0 20%;@media (max-width:1023px){flex:0 0 10%;}@media (max-width:767px){flex:0 0 25%;}`;
exports.PostalCode = PostalCode;
const State = styleh_components_1.styled.div`${inputWrapperStyles};flex:0 0 25%;@media (max-width:1023px){flex:0 0 40%;}@media (max-width:767px){flex:0 0 75%;}`;
exports.State = State;
const City = styleh_components_1.styled.div`${inputWrapperStyles};`;
exports.City = City;
const AddressLine = styleh_components_1.styled.div`${inputWrapperStyles};margin-right:60%;@media (max-width:1023px){margin-right:auto;}@media (max-width:767px){flex:0 0 100%;}`;
exports.AddressLine = AddressLine;
const LastName = styleh_components_1.styled.div`${inputWrapperStyles};flex:0 0 45%;@media (max-width:1023px){flex:0 0 40%;}@media (max-width:767px){flex:0 0 100%;}`;
exports.LastName = LastName;
const MiddleName = styleh_components_1.styled.div`${inputWrapperStyles};flex:0 0 12%;@media (max-width:1023px){flex:0 0 10%;}@media (max-width:767px){flex:0 0 25%;}`;
exports.MiddleName = MiddleName;
const FirstName = styleh_components_1.styled.div`${inputWrapperStyles};@media (max-width:767px){flex:0 0 75%;}`;
exports.FirstName = FirstName;
const FormWrapper = styleh_components_1.styled.div`display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-0.25rem;margin-right:-0.25rem;`;
exports.FormWrapper = FormWrapper;
const LinkButton = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`max-width:200px;margin-bottom:1.5rem;`;
exports.LinkButton = LinkButton;
const Wrapper = styleh_components_1.styled.section``;
exports.Wrapper = Wrapper;