"use strict";

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

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

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

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

const StyledButton = styleh_components_1.styled(Buttons_1.PrimaryButton).attrs({
  'data-qa': props => props.isDisabled ? 'qa-send-invite-disabled' : 'qa-send-invite'
})`background:var(--color-blue);width:16.75rem;@media (max-width:1023px){width:13.25rem;}@media (max-width:767px){width:100%;}${props => props.isDisabled && styleh_components_1.styled.css`opacity:0.5;pointer-events:none;`}`;
exports.StyledButton = StyledButton;
const StyledHeading = styleh_components_1.styled(Heading_1.Heading)`margin-top:0;text-transform:capitalize;color:var(--color-black);@media (max-width:767px){margin-bottom:0;}`;
exports.StyledHeading = StyledHeading;