import React from "react";
import { IconProps } from "@primer/octicons-react";

//#region src/SelectPanel/SelectPanelMessage.d.ts
type SelectPanelMessageProps = {
  children: React.ReactNode;
  title: string;
  variant: 'empty' | 'error' | 'warning';
  className?: string;
  /**
   * Custom icon to display above the title.
   * When not provided, uses AlertIcon for error/warning states and no icon for empty state.
   */
  icon?: React.ComponentType<IconProps>;
  /**
   * Custom action element to display below the message body.
   * This can be used to render interactive elements like buttons or links.
   * Ensure the action element is accessible by providing appropriate ARIA attributes
   * and making it keyboard-navigable.
   */
  action?: React.ReactElement<any>;
};
//#endregion
export { SelectPanelMessageProps };