import { DropdownItem } from '../DropdownList/DropdownItemList';
import './styles.scss';
export declare const DropdownButtonSizes: readonly ["large", "medium", "small", "x-small"];
export type DropdownButtonSizes = (typeof DropdownButtonSizes)[number];
export declare const DropdownButtonColors: readonly ["primary", "secondary", "tertiary"];
export type DropdownButtonColors = (typeof DropdownButtonColors)[number];
export type Props = JSX.IntrinsicElements['button'] & {
    text: string;
    list: DropdownItem[];
    color?: DropdownButtonColors;
    size?: DropdownButtonSizes;
    active?: boolean;
    onSelect?: (item: string | number | object) => void;
    hideDivider?: boolean;
    right?: boolean;
    icon?: string;
};
export default function DropdownButton({ text, list, className, disabled, active, color, size, onSelect, hideDivider, right, icon, }: Props): import("react").JSX.Element;
