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

var _templateObject, _templateObject2;

import React from 'react';
import styled from 'styled-components';
import { Typography } from '../Typography/index';
export var HeaderComponent = (_ref) => {
  var {
    data,
    className = '',
    as = 'h2',
    small,
    isTopTitle
  } = _ref;
  return /*#__PURE__*/React.createElement(Container, {
    className: "" + (isTopTitle ? 'pt-4 mt-0' : 'my-4 pt-5') + (small ? ' mb-3' : '') + (' ' + className)
  }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Typography, {
    variant: small ? 4 : 2,
    as: as
  }, data)));
};
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  @media (min-width: ", ") {\n    max-width: 1808px;\n    width: auto;\n  }\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.breakpoints.md.min;
});
var Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n"])));
//# sourceMappingURL=index.js.map