var _excluded = ["children"],
  _excluded2 = ["children"],
  _excluded3 = ["children"],
  _excluded4 = ["children"],
  _excluded5 = ["children"],
  _excluded6 = ["children"],
  _excluded7 = ["children"],
  _excluded8 = ["active", "children"];
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import React from 'react';
import { H2 } from '../Semantic';
import { addSubcomponents } from '../_utils/addSubcomponents';
import { StyledSidebar, StyledSidebarButton, StyledSidebarDivider, StyledSidebarHeader, StyledSidebarHeaderAction, StyledSidebarMenu, StyledSidebarMenuItem } from './Sidebar.styles';
export var Sidebar_ = /*#__PURE__*/React.forwardRef(function Sidebar(_ref, ref) {
  var children = _ref.children,
    props = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/React.createElement(StyledSidebar, _extends({
    ref: ref
  }, props), children);
});
export var Divider = /*#__PURE__*/React.forwardRef(function Divider(_ref2, ref) {
  var children = _ref2.children,
    props = _objectWithoutProperties(_ref2, _excluded2);
  return /*#__PURE__*/React.createElement(StyledSidebarDivider, _extends({}, props, {
    ref: ref
  }));
});
export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
  var children = _ref3.children,
    props = _objectWithoutProperties(_ref3, _excluded3);
  return /*#__PURE__*/React.createElement(StyledSidebarButton, _extends({}, props, {
    ref: ref
  }), children);
});
export var Header = /*#__PURE__*/React.forwardRef(function Header(_ref4, ref) {
  var children = _ref4.children,
    props = _objectWithoutProperties(_ref4, _excluded4);
  return /*#__PURE__*/React.createElement(StyledSidebarHeader, _extends({}, props, {
    ref: ref
  }), children);
});
export var HeaderLabel = /*#__PURE__*/React.forwardRef(function HeaderLabel(_ref5, ref) {
  var children = _ref5.children,
    props = _objectWithoutProperties(_ref5, _excluded5);
  return /*#__PURE__*/React.createElement(H2, _extends({}, props, {
    ref: ref
  }), children);
});
export var HeaderAction = /*#__PURE__*/React.forwardRef(function HeaderAction(_ref6, ref) {
  var children = _ref6.children,
    props = _objectWithoutProperties(_ref6, _excluded6);
  return /*#__PURE__*/React.createElement(StyledSidebarHeaderAction, _extends({}, props, {
    ref: ref
  }), children);
});
export var Menu = /*#__PURE__*/React.forwardRef(function Menu(_ref7, ref) {
  var children = _ref7.children,
    props = _objectWithoutProperties(_ref7, _excluded7);
  return /*#__PURE__*/React.createElement(StyledSidebarMenu, _extends({}, props, {
    ref: ref
  }), children);
});
export var MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref8, ref) {
  var _ref8$active = _ref8.active,
    active = _ref8$active === void 0 ? false : _ref8$active,
    children = _ref8.children,
    props = _objectWithoutProperties(_ref8, _excluded8);
  return /*#__PURE__*/React.createElement(StyledSidebarMenuItem, _extends({}, props, {
    $active: active,
    ref: ref
  }), children);
});
Sidebar_.displayName = 'Sidebar';
Divider.displayName = 'Sidebar.Divider';
Button.displayName = 'Sidebar.Button';
Header.displayName = 'Sidebar.Header';
HeaderLabel.displayName = 'Sidebar.HeaderLabel';
HeaderAction.displayName = 'Sidebar.HeaderAction';
Menu.displayName = 'Sidebar.Menu';
MenuItem.displayName = 'Sidebar.MenuItem';

/**
 * @deprecated
 * This design has been removed from the system.  The sidebar concepts are incoportated into other components. Instead you may want one of the following:
 * - `Panel`
 * - `Page.Aside` for layout location
 * - `Title`
 * - `Button`, `ButtonLink`, `Link` placed in a `Title.Actions` or `Panel.HeaderActions`
 * - `Menu`
 */
/** @deprecatedSince 10.19.0 */
export var Sidebar = addSubcomponents({
  /** @deprecated Visual dividers are a parent of Panel.Section */
  /** @deprecatedSince 10.19.0 */
  Divider: Divider,
  /** @deprecated Try block prop on a Button */
  /** @deprecatedSince 10.19.0 */
  Button: Button,
  /** @deprecated Try Title */
  /** @deprecatedSince 10.19.0 */
  Header: Header,
  /** @deprecated Try Title and Title.Text or Panel componenls } */
  /** @deprecatedSince 10.19.0 */
  HeaderLabel: HeaderLabel,
  /** @deprecated Try Title.Actions or Panel.HeaderActions */
  /** @deprecatedSince 10.19.0 */
  HeaderAction: HeaderAction,
  /** @deprecated See Menu component */
  /** @deprecatedSince 10.19.0 */
  Menu: Menu,
  /** @deprecated See Menu component */
  /** @deprecatedSince 10.19.0 */
  MenuItem: MenuItem
}, Sidebar_);
//# sourceMappingURL=Sidebar.js.map