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

var _templateObject, _templateObject2, _templateObject3;

import React from 'react';
import styled from 'styled-components';
export var Copyright = (_ref) => {
  var {
    children
  } = _ref;
  return /*#__PURE__*/React.createElement(Container, {
    className: "mt-3"
  }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Content, {
    className: "pb-4 pb-md-0"
  }, children)));
};
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: inline-block;\n\n  @media (min-width: ", ") {\n    padding-left: 0;\n    width: 50%;\n  }\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.breakpoints.md.min;
});
export var Content = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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"])), (_ref3) => {
  var {
    theme
  } = _ref3;
  return theme.palette.grey;
}, (_ref4) => {
  var {
    theme
  } = _ref4;
  return theme.breakpoints.md.min;
});
var Wrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  @media (min-width: ", ") {\n    display: flex;\n    align-items: flex-end;\n  }\n"])), (_ref5) => {
  var {
    theme
  } = _ref5;
  return theme.breakpoints.md.min;
});
//# sourceMappingURL=index.js.map