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

const StyledButton = styleh_components_1.styled(Button_1.Button)`padding:0;background:transparent;border:none;${Button_1.ButtonIcon}{display:flex;margin:0;svg{width:1.5rem;height:1.5rem;fill:var(--color-blue);overflow:visible;}}${Button_1.ButtonText}{text-transform:capitalize;font-size:16px;color:var(--color-blue);@media (min-width:768px){display:none;}}`;
exports.StyledButton = StyledButton;
const AddUserForm = styleh_components_1.styled(styled_1.StyledFormWrapper).attrs({
  'data-qa': 'qa-add-user-container'
})`${StyledButton}{${props => props.isDisabled && styleh_components_1.styled.css`opacity:0.5;pointer-events:none;`}}@media (max-width:1023px){margin-bottom:1rem;}`;
exports.AddUserForm = AddUserForm;