"use strict";

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

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

const exports_1 = require("@skava/forms/build/dist/exports");

const TextPlugin_1 = require("@skava/forms/build/dist/new-forms/plugins/TextPlugin");

const exports_2 = require("@skava/forms/build/dist/exports");

const MaterialIcon_1 = require("@skava/ui/dist/components/atoms/MaterialIcon");

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

const StyledTextPlugin = styleh_components_1.styled(TextPlugin_1.TextPlugin)`margin:0;width:100%;height:2.75rem;${exports_2.StyledInput}{border:none;display:flex;width:100%;}${exports_2.StyledLabelText}{left:0;color:var(--color-black);}`;
exports.StyledTextPlugin = StyledTextPlugin;
const StyledOneObserverForm = styleh_components_1.styled(exports_1.OneObserverForm)`display:flex;flex:1;align-items:center;justify-content:space-between;border-top:1px solid var(--color-light-grey);&:hover,&:active{border-bottom:1px solid var(--color-dark-grey);}`;
exports.StyledOneObserverForm = StyledOneObserverForm;
const StyledIconContainer = styleh_components_1.styled.span``;
exports.StyledIconContainer = StyledIconContainer;
const StyledPlusIcon = styleh_components_1.styled(MaterialIcon_1.MaterialIcon).attrs({
  'data-qa': 'qa-add-list'
})`g{fill:var(--color-light-grey);}transform:scale(1.3);circle{display:none;}`;
exports.StyledPlusIcon = StyledPlusIcon;
const StyledSelectDropDown = styleh_components_1.styled(SelectDropDown_1.SelectDropDown)`${SelectDropDown_1.StyledSelect}{padding-left:0.5rem;}${SelectDropDown_1.StyledOption}{padding-left:1.25rem;&:last-child:hover{background:transparent;${StyledPlusIcon}{g{fill:var(--color-blue);}}}}`;
exports.StyledSelectDropDown = StyledSelectDropDown;