import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["children", "title"];
import React from 'react';
import Box from '../box';
import Container from '../container';
import { Heading1 } from '../typography';

var OverviewPageHeader = function OverviewPageHeader(_ref) {
  var children = _ref.children,
      title = _ref.title,
      others = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/React.createElement(Container, _extends({}, others, {
    display: "flex",
    marginBottom: 5,
    paddingTop: 7,
    justifyContent: "space-between"
  }), /*#__PURE__*/React.createElement(Heading1, {
    color: "teal"
  }, title), children && /*#__PURE__*/React.createElement(Box, null, children));
};

export default OverviewPageHeader;