import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["children"];
import React from 'react';
import Box from '../box';
import { Heading4 } from '../typography';
import theme from './theme.css';

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

  return /*#__PURE__*/React.createElement(Box, _extends({}, others, {
    alignItems: "center",
    className: theme['title'],
    "data-teamleader-ui": "menu-title",
    display: "flex",
    paddingHorizontal: 3
  }), /*#__PURE__*/React.createElement(Heading4, {
    color: "teal"
  }, children));
};

export default MenuTitle;