"use strict";

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

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

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

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

const styles_1 = require("@skava/ui/dist/styles");

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

const SelectBoxInput_1 = require("@skava/ui/dist/forms/input/plugins/Special/SelectBoxInput");

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

const styled_1 = require("../styled");

const StyledRemoveButton = styleh_components_1.styled(Buttons_1.ButtonWithIcon)`padding:0;color:#606d89;background-color:transparent;${Button_1.ButtonIcon}{svg{fill:#606d89;}}@media (min-width:768px){align-self:center;label{display:none;}}@media (max-width:767px){border:1px solid #606d89;border-radius:0.25rem;width:100%;${Button_1.ButtonIcon}{display:none;}}`;
exports.StyledRemoveButton = StyledRemoveButton;
const RemoveUserForm = styleh_components_1.styled(styled_1.StyledFormWrapper).attrs({
  'data-qa': 'qa-remove-user-container'
})`@media (max-width:767px){padding-bottom:1.5rem;&:after{${styles_1.borderLine};bottom:auto;margin:1.5rem 0;}}${TextBox_1.StyledLabel},${SelectBoxInput_1.StyledLabel}{color:#818181;}${TextBox_1.StyledInput}:disabled{border-color:#cacfda;color:#818181;background-color:var(--color-pure-white);cursor:not-allowed;}${SelectDropDown_1.StyledClickBoundary}{border-color:#cacfda;cursor:not-allowed;&.input-error{border-color:var(--color-red);}${SelectDropDown_1.StyledSelect}{cursor:not-allowed;${SelectDropDown_1.StyledSelectText}{color:#818181;}}}`;
exports.RemoveUserForm = RemoveUserForm;