import _extends from "@babel/runtime/helpers/esm/extends";
import React, { forwardRef } from "react";
import classnames from "classnames";
import { StyledMenuHeader } from "./Styles";
import { Typography } from "../Typography/Typography";
export const MenuHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
  let {
    title,
    className,
    leftElement,
    rightElement,
    ...props
  } = _ref;
  return /*#__PURE__*/React.createElement(StyledMenuHeader, _extends({}, props, {
    className: classnames("c-menu-header", className),
    ref: ref
  }), leftElement || /*#__PURE__*/React.createElement("div", {
    style: {
      minWidth: "24px"
    }
  }, "\xA0"), /*#__PURE__*/React.createElement(Typography, {
    variant: "Body 2",
    color: "secondary",
    weight: "bold",
    overflow: "truncate",
    style: {
      marginLeft: "4px",
      marginRight: "4px "
    }
  }, title), rightElement || /*#__PURE__*/React.createElement("div", {
    style: {
      minWidth: "24px"
    }
  }, "\xA0"));
});
MenuHeader.displayName = "MenuHeader";
//# sourceMappingURL=MenuHeader.js.map