import * as React from 'react';

export interface SidebarNextProps {
  /** Applies a data-hook HTML attribute that can be used in the tests. */
  dataHook?: string;
  /** Specifies a CSS class name to be appended to the component's root element. */
  className?: string;
  /** Sets the items rendered inside the sidebar. */
  children?: React.ReactNode;
  /** Controls the color scheme of the sidebar.
   * @default 'dark'
   */
  skin?: 'dark' | 'light' | 'neutral';
  /** Sets the content rendered above the sidebar items. */
  header?: React.ReactNode;
  /** Sets the content rendered below the sidebar items. */
  footer?: React.ReactNode;
  /** Specifies whether the sidebar is hidden. */
  hidden?: boolean;
  /** Sets the key of the currently selected item. */
  selectedKey?: string;
  /** Displays a loading skeleton in place of the sidebar items.
   * @default true
   */
  isLoading?: boolean;
  /** Defines a string that labels the sidebar for screen readers. */
  ariaLabel?: string;
  /** Sets the width of the sidebar. */
  width?: string | number;
  /** Specifies whether the sidebar is collapsed to its minimized form. */
  minimized?: boolean;
  /** Displays a toggle that lets users minimize and restore the sidebar. */
  enableMinimizeToggle?: boolean;
  /** Sets the tooltip content of the minimize toggle. */
  minimizeToggleTooltip?: string;
  /** Defines a callback function which is called when the minimize toggle is clicked. */
  onMinimizeToggleClick?: () => void;
  /** Sets the `z-index` of the sidebar. */
  zIndex?: number;
  /** Applies the current styling to sidebars that are only 1 or 2 levels deep, which are otherwise rendered in the legacy style. */
  next?: boolean;
}

export class SidebarNext extends React.PureComponent<SidebarNextProps> {}