import type { DropdownMenuItem } from '../dropdown-menu';
import type { SelectProps } from '../@forms/select';

export interface ClientImageProps extends SelectProps {
  menuContentProps: Omit<SelectProps['menuContentProps'], 'listItems'> & {
    listItems: ClientImageMenuItemProps[];
  };
  /**
   * Width of the input field (optional).
   */
  width?: number;
  /**
   * Whether there should be parent-children hierarchy (children get padding-left).
   */
  parentChildrenSpace?: boolean;
  /**
   * Make the select value controlled.
   */
  controlled?: boolean;
}

export interface ClientImageMenuItemProps extends DropdownMenuItem {
  /**
   * The default item is the component's `defaultValue` item, which is not searchable and does not appear in the dropdown menu.
   */
  default?: boolean;
  content: {
    src?: string;
    title?: string;
    subtitle?: string;
  };
}
