import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;

import styled from 'styled-components';
import { Typography } from '../../../..';
export var UnderlineCTA = styled(Typography).attrs({
  as: 'span',
  variant: 7
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  text-decoration: underline;\n  color: ", ";\n  transition: opacity 0.15s;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.5;\n    text-decoration: underline;\n  }\n"])), (_ref) => {
  var {
    theme
  } = _ref;
  return theme.palette.primary;
});
export var CTA = styled.div.attrs({
  className: 'mt-4'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  text-align: center;\n"])));
export var Separator = styled.div.attrs({
  className: 'my-4'
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ", ";\n  text-transform: lowercase;\n  text-align: center;\n\n  ::before {\n    content: '';\n    height: 0.1rem;\n    flex: 1;\n    background: ", ";\n  }\n\n  ::after {\n    content: '';\n    height: 0.1rem;\n    flex: 1;\n    background: ", ";\n  }\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.primary;
}, (_ref3) => {
  var {
    theme
  } = _ref3;
  return theme.palette.hint;
}, (_ref4) => {
  var {
    theme
  } = _ref4;
  return theme.palette.hint;
});
export var SeparatorSpan = styled(Typography).attrs({
  className: 'px-3',
  as: 'span'
})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n"])), (_ref5) => {
  var {
    theme
  } = _ref5;
  return theme.palette.secondary;
});
export var SocialButtonWrapper = styled.div.attrs({
  className: 'mb-3'
})(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose([""])));
export var FooterContainer = styled(Typography).attrs({
  className: 'mt-4',
  as: 'div',
  variant: 7,
  color: 'hint'
})(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  text-align: center;\n"])));
//# sourceMappingURL=index.js.map