import { Side } from '@floating-ui/react';
import React from 'react';
import { ButtonProps } from '../button/button.js';
import { ToolbarProps } from '../toolbar/toolbar.js';

type DropdownProps = ButtonProps & {
    /** Button content. */
    label: React.ReactNode;
    /** If true, the dropdown is opened when hovered. */
    activateOnHover?: boolean;
    /** Preferred placement position. */
    placement?: Side;
    /** Whether the dropdown should be open. */
    open?: boolean;
    /** The items shown inside the dropdown. */
    items?: ToolbarProps["items"];
    /** Whether to render the dropdown content as Toolbar. */
    toolbar?: boolean;
    /** Any additional props to pass to the toolbar. */
    toolbarProps?: Omit<ToolbarProps, "items">;
    /** Gets called when the dropdown is opened. */
    onOpen?: () => void;
    /** Gets called when the dropdown is closed. */
    onClose?: () => void;
};
/**
 * Dropdown component, behaves much like a button except it's label should be
 * passed using the `label` prop. `Children` should be a `Toolbar` component containing
 * the individual items.
 * @param children
 * @param className
 * @param hover
 * @param label
 * @param open
 * @param placement
 * @param props
 * @constructor
 */
declare const Dropdown: React.FC<DropdownProps>;

export { Dropdown };
export type { DropdownProps };