"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.FooterContainer = exports.SocialButtonWrapper = exports.SeparatorSpan = exports.Separator = exports.CTA = exports.UnderlineCTA = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _ = require("../../../..");

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

var UnderlineCTA = (0, _styledComponents["default"])(_.Typography).attrs({
  as: 'span',
  variant: 7
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\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"])), function (_ref) {
  var theme = _ref.theme;
  return theme.palette.primary;
});
exports.UnderlineCTA = UnderlineCTA;

var CTA = _styledComponents["default"].div.attrs({
  className: 'mt-4'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n  text-align: center;\n"])));

exports.CTA = CTA;

var Separator = _styledComponents["default"].div.attrs({
  className: 'my-4'
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])(["\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"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette.primary;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.palette.hint;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.palette.hint;
});

exports.Separator = Separator;
var SeparatorSpan = (0, _styledComponents["default"])(_.Typography).attrs({
  className: 'px-3',
  as: 'span'
})(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  background: ", ";\n"])), function (_ref5) {
  var theme = _ref5.theme;
  return theme.palette.secondary;
});
exports.SeparatorSpan = SeparatorSpan;

var SocialButtonWrapper = _styledComponents["default"].div.attrs({
  className: 'mb-3'
})(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2["default"])([""])));

exports.SocialButtonWrapper = SocialButtonWrapper;
var FooterContainer = (0, _styledComponents["default"])(_.Typography).attrs({
  className: 'mt-4',
  as: 'div',
  variant: 7,
  color: 'hint'
})(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  text-align: center;\n"])));
exports.FooterContainer = FooterContainer;
//# sourceMappingURL=index.js.map