"use strict";

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

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

const Heading_1 = require("../../../../atoms/Text/Heading");

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

const StyledButton = styleh_components_1.styled.withComponent(Buttons_1.PrimaryButton).attrs({
  'data-qa': props => props.isDisabled ? 'qa-send-invite-disabled' : 'qa-send-invite'
})`
  background: #1b75bc;
  width: rem(268);
  @tablet-or-smaller(){
    width: rem(212);
  }
  @phone-or-smaller(){
    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.withComponent(Heading_1.Heading)`
  margin-top: 0;
  text-transform: capitalize;
  color: #2C2C2C;
  @phone-or-smaller() {
    margin-bottom: 0;
  }
`;
exports.StyledHeading = StyledHeading; //# sourceMappingURL=styled.js.map