"use strict";

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

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

const Button_1 = require("../../../atoms/Button");

const Text_1 = require("../../../atoms/Text");

const words_1 = require("../../../../words");

const DefaultButton = styleh_components_1.styled.withComponent(Button_1.Button)`
  width: rem(260);
  height: rem(44);
  border-radius: rem(4);
  margin-bottom: rem(16);

  @tablet-or-smaller() {
    width: rem(160);
  }

  @phone-or-smaller() {
    width: 100%;
  }

  ${Button_1.ButtonLabel} {
    font-size: rem(18);
    text-transform: capitalize;
    margin: 0;
  }
`;
const StyledPrimaryButton = styleh_components_1.styled.withComponent(DefaultButton).attrs({
  'data-qa': 'qa-buy-now'
})`
  background-color: #159fd5;
  color: #ffffff;
  border: none;
`;
exports.StyledPrimaryButton = StyledPrimaryButton;
const StyledSecondaryButton = styleh_components_1.styled.withComponent(DefaultButton)`
  background-color: #ffffff;
  color: #5f6c88;
  border: rem(1) solid #5f6c88;
  font-weight: 500;
`;
const StyledSkipButton = styleh_components_1.styled.withComponent(StyledSecondaryButton).attrs({
  'data-qa': 'qa-skip-one-time'
})``;
exports.StyledSkipButton = StyledSkipButton;
const StyledPauseButton = styleh_components_1.styled.withComponent(StyledSecondaryButton).attrs({
  'data-qa': 'qa-pause-subscription'
})`
  ${Button_1.ButtonLabel} {
    &:before {
      @desktop-or-larger() {
        content: '${words_1.wording.pauseSubscription}';
      }

      @tablet-or-smaller() {
        content: '${words_1.wording.pauseButtonLabel}';
      }
    }
  }
`;
exports.StyledPauseButton = StyledPauseButton;
const StyledCancelButton = styleh_components_1.styled.withComponent(DefaultButton).attrs({
  'data-qa': 'qa-cancel-subscription'
})`
  background-color: #5f6c88;
  color: #ffffff;
  border: none;
  ${Button_1.ButtonLabel} {
    &:before {
      @desktop-or-larger() {
        content: '${words_1.wording.cancelSubscription}';
      }
      @tablet-or-smaller() {
        content: '${words_1.wording.cancel}';
      }
    }
  }
`;
exports.StyledCancelButton = StyledCancelButton;
const StyledText = Text_1.StyledBaseText.as('span');
const StyledStatus = styleh_components_1.styled.withComponent(StyledText)`
  ${props => props.color && styleh_components_1.styled.css`
      color: ${props.color};
    `}
  font-weight: 500;
  text-transform: capitalize;
`;
exports.StyledStatus = StyledStatus;
const StyledToggleButton = styleh_components_1.styled.withComponent(Button_1.Button)`
  background: transparent;
  border: 0;
  padding: 0;
  justify-content: flex-end;
  margin-bottom: rem(32);

  @phone-or-smaller() {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
    order: 1;
  }

  ${Button_1.ButtonLabel} {
    font-size: rem(18);
    text-transform: capitalize;
    margin: 0;
    font-weight: 500;

    @tablet-or-smaller() {
      font-size: rem(14);
    }
  }

  ${Button_1.ButtonIcon} {
    margin: 0;
    @desktop-or-larger() {
      padding-left: rem(8);
    }
  }
`;
exports.StyledToggleButton = StyledToggleButton; //# sourceMappingURL=styled.js.map