"use strict";

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

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

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

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

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

const SignInHeading = styleh_components_1.styled.withComponent(Text_1.Heading)`
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
`;
exports.SignInHeading = SignInHeading;
const StyledText = Text_1.StyledBaseText.as('span');
const CreateAccountLabel = styleh_components_1.styled.withComponent(StyledText)`
  font-size: rem(14);
  color: #2c2c2c;
  font-weight: 400;
`;
exports.CreateAccountLabel = CreateAccountLabel;
const CreateAccountButton = styleh_components_1.styled.withComponent(Buttons_1.GhostButton)`
  border: 1px solid #727e95;
  margin-top: rem(16);
  ${Button_1.ButtonLabel} {
    color: #5F6C88;
    font-size: rem(18);
    text-transform: none;
  }
`;
exports.CreateAccountButton = CreateAccountButton;
const SignInFormWrapper = styleh_components_1.styled.div``;
exports.SignInFormWrapper = SignInFormWrapper; //# sourceMappingURL=styled.js.map