"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 styled_1 = require("../styled");

const Heading = styleh_components_1.styled(styled_1.StyledHeading).attrs({
  'data-qa': 'qa-sms-notification-heading'
})``;
exports.Heading = Heading;
const Wrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-sms-notification-container'
})`.form-wrapper{padding-top:1rem;.input-form-wrapper{.input-form,label{font-size:1rem;color:var(--color-black);}}.group-container{display:flex;.input-form-wrapper{.input-form:disabled{background-color:rgb(235,235,228);}}${TextBox_1.StyledLabel}{text-transform:capitalize;font-size:1rem;font-weight:500;@media (max-width:767px){font-size:0.875rem;}}${TextBox_1.StyledInput}{font-size:1rem;margin-top:0.25rem;}.phone-number-wrapper{margin-right:0.5rem;flex:0 0 78%;max-width:21.5rem;@media (max-width:1023px){max-width:100%;}}.extension-wrapper{flex:0 0 calc(20% - 0.5rem);max-width:4.8125rem;@media (max-width:1023px){max-width:100%;}}}.send-sale-wrapper,.send-all-wrapper{margin-bottom:2rem;@media (max-width:1023px){margin-bottom:1.5rem;}label{font-weight:500;user-select:none;&:first-letter{text-transform:capitalize;}}svg{width:1.5rem;height:1.5rem;border-radius:0.125rem;}}}`;
exports.Wrapper = Wrapper;