import React, { ReactNode } from 'react';
import { BaseComponentProps } from '../../../types/base-component';
import { OptionDefinition, OptionGroup } from '../../../types/option';
interface InternalOptionDefinition extends OptionDefinition {
  __customIcon?: React.ReactNode;
}
export interface DropdownOption {
  type?: 'child' | 'parent' | 'select-all' | 'use-entered';
  disabled?: boolean;
  disabledReason?: string;
  option: OptionDefinition | OptionGroup;
  afterHeader?: boolean;
}
export interface OptionProps extends BaseComponentProps {
  option?: InternalOptionDefinition;
  triggerVariant?: boolean;
  highlightText?: string;
  highlightedOption?: boolean;
  selectedOption?: boolean;
  isGroupOption?: boolean;
  disableTitleTooltip?: boolean;
  labelContainerRef?: React.RefObject<HTMLSpanElement>;
  labelRef?: React.RefObject<HTMLSpanElement>;
  labelId?: string;
  customContent?: ReactNode;
}
export { OptionDefinition, OptionGroup } from '../../../types/option';