"use strict";

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

exports.__esModule = true;
exports.Content = exports.Copyright = void 0;

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

var _react = _interopRequireDefault(require("react"));

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

var _templateObject, _templateObject2, _templateObject3;

var Copyright = function Copyright(_ref) {
  var children = _ref.children;
  return /*#__PURE__*/_react["default"].createElement(Container, {
    className: "mt-3"
  }, /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(Content, {
    className: "pb-4 pb-md-0"
  }, children)));
};

exports.Copyright = Copyright;

var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n  display: inline-block;\n\n  @media (min-width: ", ") {\n    padding-left: 0;\n    width: 50%;\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.breakpoints.md.min;
});

var Content = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  color: ", ";\n  display: block;\n  font-size: 1.2rem !important;\n  @media (min-width: ", ") {\n    display: inline-block;\n    font-size: 12px;\n  }\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.palette.grey;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.breakpoints.md.min;
});

exports.Content = Content;

var Wrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  @media (min-width: ", ") {\n    display: flex;\n    align-items: flex-end;\n  }\n"])), function (_ref5) {
  var theme = _ref5.theme;
  return theme.breakpoints.md.min;
});
//# sourceMappingURL=index.js.map