import type { ReactNode } from 'react';
import type { DropdownProps } from './defs';
declare const _default: {
    component: (<C = "div">(props: import("../../utils").PolymorphicComponentProps<C, Omit<import("../..").BaseProps<DropdownProps>, "as">>) => import("react").ReactElement<Omit<import("../..").BaseProps<DropdownProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("../..").BaseProps<DropdownProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: ReactNode;
    } & Omit<import("react-stately").MenuTriggerProps, "direction"> & {
        popoverProps?: Partial<import("..").PopoverProps> | undefined;
    } & import("react").RefAttributes<HTMLDivElement>> & import("./defs").DropdownNS;
    title: string;
    parameters: {
        layout: string;
    };
};
export default _default;
export declare const Usage: {
    (args: DropdownProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const AsChild: {
    (args: DropdownProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const Controlled: {
    (args: DropdownProps): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};