import * as React from 'react';

export interface SidebarSectionItemProps {
  /** Applied as 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.
   * @internal
   */
  className?: string;
  /** Sets the label of the section item. */
  children?: React.ReactNode;
  /** An element to appear at the beginning of the text. */
  prefix?: React.ReactNode;
  /** An element to appear at the end of the text. */
  suffix?: React.ReactNode;
  /** Indicates whether to display the item as selected. */
  selected?: boolean;
  /** Indicates whether to display the item as disabled. */
  disabled?: boolean;
  /** Indicates whether to display an icon for drilling in on hover. */
  drillable?: boolean;
  /** Indicates whether to display a low-opacity icon for drilling even without hover, relevant only when drillable is true. */
  alwaysDisplayChevron?: boolean;
  /** A callback to be triggered on click. */
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
  /** Sets a unique key for the item. When the item is clicked, the parent `<Sidebar/>` uses it to select the item or open its inner menu. */
  itemKey?: string;
}

export class SidebarSectionItem extends React.PureComponent<SidebarSectionItemProps> {}