import { SVGIcon } from "@progress/kendo-react-common";

export interface ExpansionPanelActionEvent {
  expanded: boolean;
  nativeEvent: any;
  syntheticEvent: React.SyntheticEvent<any>;
  target: ExpansionPanelHandle;
}

export interface ExpansionPanelHandle {
  element: null | HTMLDivElement;
}

export interface ExpansionPanelProps {
  dataTestId?: string;
  ariaControls?: string;
  children?: React.ReactNode;
  className?: string;
  collapseIcon?: string;
  collapseSVGIcon?: SVGIcon;
  dir?: string;
  disabled?: boolean;
  expanded?: boolean;
  expandIcon?: string;
  expandSVGIcon?: SVGIcon;
  id?: string;
  style?: React.CSSProperties;
  subtitle?: React.ReactNode;
  tabIndex?: number;
  title?: React.ReactNode;
  onAction?: (event: ExpansionPanelActionEvent) => void;
}