"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 SelectDropDown_2 = require("@skava/ui/dist/components/molecules/SelectDropDown");

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

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

const Wrapper = styleh_components_1.styled.section.attrs({
  'data-qa': 'qa-search-container'
})`.form-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;.search-icon{top:0.875rem;}@media (max-width:1023px){margin-left:-0.25rem;margin-right:-0.25rem;}.form-item-wrapper{padding:0 1rem;@media (max-width:1023px){padding:0 0.25rem;margin-bottom:1rem;}.select-dropdown-list{z-index:99;.search-teams,.search-roles{&:hover span{color:var(--color-pure-white);}}}.input-box{font-size:1rem;height:2.75rem;border-radius:0.25rem;&::placeholder{font-size:1rem;color:var(--color-light-grey);font-family:Roboto;}}.input-error-message{position:absolute;width:100%;bottom:auto;@media (max-width:1023px){position:relative;}}&.search-box{flex:0 0 40%;display:flex;align-items:flex-end;margin-top:1.5rem;${TextBox_1.StyledInputWrapper}{width:100%;}@media (max-width:1023px){flex:0 0 100%;}}&.select-box{flex:0 0 30%;@media (max-width:1023px){flex:0 0 50%;}${SelectDropDown_2.SelectText}{color:var(--color-black);font-size:1.125rem;@media (max-width:767px){font-size:1rem;}}}${Text_1.LabelElement}{display:flex;text-transform:capitalize;color:var(--color-dark-grey);font-size:1rem;margin-bottom:0.5rem;height:1rem;}${SelectDropDown_2.StyledClickBoundary}{height:2.75rem;border-radius:0.25rem;}${SelectDropDown_1.StyledSelect}{height:100%;padding:0 0.25rem 0 0.75rem;}}}`;
exports.Wrapper = Wrapper;