"use strict";

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

exports.__esModule = true;
exports.HeaderComponent = void 0;

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

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

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

var _index = require("../Typography/index");

var _templateObject, _templateObject2;

var HeaderComponent = function HeaderComponent(_ref) {
  var data = _ref.data,
      _ref$className = _ref.className,
      className = _ref$className === void 0 ? '' : _ref$className,
      _ref$as = _ref.as,
      as = _ref$as === void 0 ? 'h2' : _ref$as,
      small = _ref.small,
      isTopTitle = _ref.isTopTitle;
  return /*#__PURE__*/_react["default"].createElement(Container, {
    className: "" + (isTopTitle ? 'pt-4 mt-0' : 'my-4 pt-5') + (small ? ' mb-3' : '') + (' ' + className)
  }, /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_index.Typography, {
    variant: small ? 4 : 2,
    as: as
  }, data)));
};

exports.HeaderComponent = HeaderComponent;

var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  @media (min-width: ", ") {\n    max-width: 1808px;\n    width: auto;\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.breakpoints.md.min;
});

var Wrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n"])));
//# sourceMappingURL=index.js.map