import { ComponentType, default as React } from 'react'; import { SingleSelectItemProps } from './SingleSelect/SingleSelectItem'; import { HNDesignsystemDropdown } from '../../resources/Resources'; import { SvgIcon } from '../Icon'; import { IconName } from '../Icons/IconNames'; type DropdownVariants = 'fill' | 'transparent' | 'borderless'; export interface DropdownProps { /** Text on the trigger button that opens the dropdown */ triggerText: string; /** Sets the dropdown content */ children: React.ReactNode; /** Minimum width for the dropdown in pixels. Does not affect trigger button. */ dropdownMinWidth?: number; /** Minimum width for the trigger in pixels. Does not apply for borderless variant */ triggerMinWidth?: number; /** Disables rendring of the close button in the list */ noCloseButton?: boolean; /** Called when dropdown is open/closed */ onToggle?: (isOpen: boolean) => void; /** Whether the dropdown is open or not */ open?: boolean; /** Makes the dropdown disabled */ disabled?: boolean; /** Sets the data-testid attribute on the dropdown button */ testId?: string; /** Overrides the default z-index of the DropDownContent */ zIndex?: number; /** Resources for component */ resources?: Partial; /** Adds an icon to the trigger */ svgIcon?: SvgIcon | IconName; /** Sets the visual variant of the Dropdown */ variant?: DropdownVariants; } export declare const DropdownBase: React.FC; export interface DropdownCompound extends React.FC { SingleSelectItem: ComponentType; } declare const Dropdown: DropdownCompound; export default Dropdown;