"use strict";

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

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

const TextBox_1 = require("@skava/ui/dist/inputs/TextBox");

const Buttons_1 = require("../../../Buttons");

const StyledShippingForm = styleh_components_1.styled.section`width:100%;.form-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;.button-group{flex:0 0 100%;margin-top:0.625rem;}}${TextBox_1.StyledLabel}{position:relative;top:0;text-transform:capitalize;color:var(--color-black);font-size:1rem;overflow:visible;}.placeholder-label{position:absolute;color:var(--color-red);}.input-box-wrapper{flex:0 0 100%;margin-bottom:0.5rem;user-select:none;&.left-align{flex:0 0 calc(50% - 0.5rem);}&.right-align{flex:0 0 calc(50% - 0.5rem);}}.add-address{margin:1rem 0;svg{border-radius:0.125rem;}}input.input-box{width:100%;height:2.75rem;font-size:1rem;padding:0 0.5rem;margin-top:0.5rem;color:var(--color-black);}`;
exports.StyledShippingForm = StyledShippingForm;
const StyledPrimaryButton = styleh_components_1.styled(Buttons_1.PrimaryButton)`color:var(--color-pure-white);font-size:1rem;text-transform:capitalize;user-select:none;`;
exports.StyledPrimaryButton = StyledPrimaryButton;