import * as React from 'react';
import {PropsWithChildren} from "react";

export type ListItemSectionTypes =
  | 'whitespace'
  | 'divider'
  | 'title'
  | 'subheader';

export interface ListItemSectionProps {
  dataHook?: string;
  className?: string;
  type?: ListItemSectionTypes;
  title?: string;
  suffix?: React.ReactNode;
  ellipsis?: boolean;
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
}

declare const ListItemSection: React.ComponentClass<PropsWithChildren<ListItemSectionProps>>;

export const listItemSectionBuilder: (data: {
  id: string | number;
  className?: string;
  type?: ListItemSectionTypes;
  title?: string;
  suffix?: React.ReactNode;
  ellipsis?: boolean;
}) => {
  id: string | number;
  overrideOptionStyle: true;
  value: (props?: Partial<PropsWithChildren<ListItemSectionProps>>) => React.ReactNode;
};

export default ListItemSection;