import React, { ReactElement, ReactNode } from "react";
import { DropDownItemProps } from "./dropdownItem";
export declare enum DropdownSizes {
    MD = "md",
    LG = "lg"
}
export type DropdownSize = `${DropdownSizes}`;
export type Props = {
    /**
     * Size of the dropdown.
     * @default md
     */
    size?: DropdownSize;
    /**
     * Use to show the title or header
     */
    header?: ReactNode | string;
    children?: React.ReactNode;
    /** JSX to be rendered inside of dropdown button */
    ctaContent?: React.ReactNode;
    /**
     * Pass a reference to the element where the dropdown needs to be rendered
     */
    portalTarget?: Element;
    /** Pass space separated class names to style the CTA */
    ctaClassName?: string;
    /**
     * Determines whether the CTA should be disabled or not
     */
    disabled?: boolean;
};
export declare const Dropdown: {
    ({ size, children, header, ctaContent, portalTarget, disabled, ctaClassName }: Props): ReactElement | null;
    Item: ({ children, icon, dropdownShow, index, className, disabled, setShowDropdown, onClickHandler }: DropDownItemProps) => JSX.Element | null;
};
