"use strict";

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

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

const SelectDropDown_1 = require("@skava/ui/dist/components/molecules/SelectDropDown");

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

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

const StyledSaveButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton)`background-color:var(--color-blue);`;
exports.StyledSaveButton = StyledSaveButton;
const StyledCancelButton = styleh_components_1.styled.withComponent(Buttons_1.SecondaryButton)`border-color:var(--color-dark-grey);color:var(--color-dark-grey);`;
exports.StyledCancelButton = StyledCancelButton;
const EditUserFormWrapper = styleh_components_1.styled.section`padding-top:0.75rem;desktop-or-larger(){padding-top:0.5rem;}.input-group-wrapper{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1rem;@media (max-width:1023px){grid-template-columns:repeat(2,1fr);}.input-box{height:2.75rem;background-color:var(--color-pure-white);}.status-form-item-wrapper{@media (max-width:767px){grid-column-end:span 2;}}${SelectDropDown_1.StyledClickBoundary}{height:2.75rem;${SelectDropDown_1.SelectText}{font-size:1rem;}}${SelectDropDown_1.StyledSelect}{height:100%;padding:0 0.25rem 0 0.75rem;}${Text_1.LabelElement}{display:flex;text-transform:capitalize;color:var(--color-black);font-size:1rem;margin-bottom:0.5rem;height:1rem;font-weight:400;}}@media (max-width:1023px){grid-template-columns:repeat(2,1fr);}@media (max-width:767px){grid-template-columns:repeat(1,1fr);}.email-address-wrapper{@media (max-width:1023px){grid-column-end:span 2;}}.name-wrapper,.id-wrapper{@media (max-width:1023px){grid-column-end:span 1;}}}.button-group{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1rem;margin-top:1rem;@media (max-width:1023px){grid-template-columns:repeat(2,1fr);margin-top:0;}@media (max-width:767px){margin-top:0;grid-template-columns:repeat(1,1fr);}.button{color:var(--color-pure-white);font-size:18px;font-weight:500;}.cancel-button{width:100%;background:transparent;color:var(--color-dark-grey);border:1px solid var(--color-dark-grey);}.submit-button{margin-bottom:1rem;}}.disableClass{.input-box-label{color:#818181;text-transform:capitalize;display:flex;margin-bottom:0.5rem;font-size:1rem;font-weight:400;}.input-box{border-color:#cacfda;font-size:1rem;font-weight:400;color:#818181;padding-left:1rem;}}`;
exports.EditUserFormWrapper = EditUserFormWrapper;