import { type ReactNode, type HTMLAttributes, type ComponentProps } from 'react';
import type { ColorKey } from '../../../theme/types';
import type { IconComponentName } from '../Icon/IconComponents';
import Space, { SpaceProps } from '../Space/Space';
export type SelectPropsBase = {
    labelColor?: ColorKey;
    textColor?: ColorKey;
    backgroundColor?: ColorKey;
    iconColor?: ColorKey;
    hoverColor?: ColorKey;
    primaryBorderColor?: ColorKey;
    secondaryBorderColor?: ColorKey;
    label: string;
    placeholder: string;
    containerProps?: SpaceProps;
    testID?: string;
};
export type DropdownOptionType<T = unknown> = HTMLAttributes<HTMLDivElement> & {
    label: string | ReactNode;
    value: string;
    icon?: IconComponentName;
    info?: T;
};
export type DropdownProps = {
    selected: DropdownOptionType | null;
    children: React.ReactNode;
    testID?: string;
    containerProps?: ComponentProps<typeof Space>;
};
declare const Dropdown: ({ selected, children, testID, ...props }: DropdownProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export default Dropdown;
