react-antd-dashboard/build/core/components/Header/index.js

React dashboard layout solution created using AntD and permission based navigation. Supports theming with Less, parameterized routes and private routing. Contains useful components for dashboard application.

import React from 'react';
import "./index.css";
import { Typography, Button } from 'antd';

const Header = props => {
  const {
    title,
    items,
    buttons
  } = props;
  return /*#__PURE__*/React.createElement("div", {
    className: "basic-header"
  }, /*#__PURE__*/React.createElement(Typography.Title, {
    level: 3
  }, title), /*#__PURE__*/React.createElement("div", {
    className: "basic-header-right-side"
  }, items, buttons && buttons.map(({
    text,
    ...rest
  }) => /*#__PURE__*/React.createElement(Button, rest, text)), props.children));
};

export default Header;