@atlaskit/side-navigation/dist/esm/components/Header/index.js

A highly composable side navigation component that supports nested views.

/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
import _extends from "@babel/runtime/helpers/extends";
import "./index.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React, { forwardRef } from 'react';
import { CustomItem } from '../Item/custom-item';
import HeaderContainer from './header-container';
var styles = {
  header: "_uizt1wug _vrjt1qyo _1cmdi7uo _11kjsm61 _jl2n73ad _1et6sm61 _1v6ji7uo"
};

/**
 * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
 */

/**
 * __Header__
 *
 * - [Examples](https://atlassian.design/components/side-navigation/examples#header-and-footer)
 * - [Code](https://atlassian.design/components/side-navigation/code)
 *
 * @deprecated `@atlaskit/side-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
 */
export var Header = /*#__PURE__*/forwardRef(function (props, ref) {
  return /*#__PURE__*/React.createElement(CustomItem, _extends({}, props, {
    ref: ref,
    component: props.component || HeaderContainer,
    isTitleHeading: true,
    className: ax([styles.header])
  }));
});