import React from 'react'; import { IconDefinition } from '../../atoms/Icon/index'; import { Color } from './DropdownToggle'; export declare type DropdownItemProps = { /** * Main content for dropdown item. */ label?: string; /** * Handle click on a dropdown item * Items without onClick will not be hoverable */ onClick?: (e?: React.MouseEvent) => void; /** * Sets link role on button. * Use together with onClick function. */ href?: string; /** * Element to show before the label and/or children of the DropdownItem. * Will override any use of the icon prop */ leading?: React.ReactNode; /** * Icon displayed before the label in the item. * Cannot be used in conjunction with the leading prop */ icon?: IconDefinition; /** * Wheter the content of the item should be centered */ centered?: boolean; /** * Position of item in the dropdown menu. * Used for navigation with keyboard. * Applied from the DropdownMenu */ index?: number; /** * Whether the item is a header. * Non clickable. Applies different styling */ header?: boolean; /** * Whether the item is a divider. * Renders a simple fullwidth line in the dropdown */ divider?: boolean; /** * Optional content to display under label. * Can also be used instead of label. */ children?: React.ReactNode; className?: string; color?: Color; }; export declare const DropdownItem: React.FC; declare type DropdownSearchItemProps = { /** * Handle input change */ onInputChange: (value: string) => void; /** * String to display inside input field */ placeholder?: string; /** * value of the search input */ value?: string; /** * icon to display in front of */ icon?: IconDefinition; }; export declare const DropdownSearchItem: (props: DropdownSearchItemProps) => JSX.Element; export {};