import React from "react";
import { Variant } from "../common";
interface ContextState {
    dropdownVisible: boolean;
    setDropdownVisible: (visible: boolean) => void;
}
export declare const DropdownContext: React.Context<ContextState>;
interface DropdownItemProps {
    className?: string;
    children: React.ReactNode;
    active?: boolean;
    disabled?: boolean;
}
interface DropdownMenuProps {
    children: React.ReactNode;
    className?: string;
    arrow?: boolean;
    card?: boolean;
    position?: "right" | "left";
    style?: React.CSSProperties;
    dark?: boolean;
}
interface DropdownProps {
    className?: string;
    children: React.ReactNode;
}
export declare const Dropdown: {
    ({ className, children }: DropdownProps): JSX.Element;
    Button: ({ children, className, ...props }: DropdownButtonProps) => JSX.Element;
    Link: ({ children, className, ...props }: DropdownLinkProps) => JSX.Element;
    Menu: ({ children, className, arrow, card, position, style, dark, }: DropdownMenuProps) => JSX.Element;
    Item: ({ className, children, active, disabled, }: DropdownItemProps) => JSX.Element;
    Divider: () => JSX.Element;
    Header: ({ children }: {
        children: any;
    }) => JSX.Element;
};
interface DropdownButtonProps {
    children?: React.ReactNode;
    className?: string;
    variant?: Variant;
}
interface DropdownLinkProps extends React.AnchorHTMLAttributes<HTMLElement> {
    children: React.ReactNode;
    className?: string;
}
export default Dropdown;