import { Placement as TFloatingUiPlacement } from '@floating-ui/react';
import { TSize } from '../../index.ts';

export interface IDropdownProps {
    /**
     * The content to render inside the dropdown
     */
    children: React.ReactNode | JSX.Element;
    /**
     * define a position for your tooltip. The popup will adjust itself if it hits the edge of the viewport. Extended from Floating UI Placement prop
     * @default 'top'
     * @options Placement
     * */
    position?: TFloatingUiPlacement;
    /**
     * The dropdown size
     * @default 'md'
     */
    size?: TSize;
    /**
     * The content to trigger the dropdown
     */
    trigger: React.ReactNode | JSX.Element;
}
export interface IDropdownItemProps {
    /**
     * The icon to render inside the dropdown item
     */
    icon?: React.ReactNode | JSX.Element;
    /**
     * The id of the dropdown item
     */
    id?: string;
    /**
     * Whether the dropdown item is disabled
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Whether the dropdown item is selected
     * @default false
     */
    isSelected?: boolean;
    /**
     * The function to call when the dropdown item is clicked
     */
    onClick?: (id?: string) => void;
    /**
     * The dropdown item size
     * @default 'md'
     */
    size?: TSize;
    /**
     * The subtitle to render inside the dropdown item
     */
    subtitle?: string;
    /**
     * The title to render inside the dropdown item
     */
    title: string;
}
export interface IDropdownSubtitleProps {
    /**
     * The dropdown subtitle size
     * @default 'md'
     */
    size?: TSize;
    /**
     * The subtitle to render inside the dropdown
     */
    subtitle: string;
}
//# sourceMappingURL=types.d.ts.map