import { PropType } from "vue";
import { ExtractPublicPropTypes } from "../../util/extract-public-props";
import "./styles/index.css";
interface DropdownOption {
    label: string;
    key: string;
}
declare const dropdownProps: {
    options: PropType<DropdownOption[]>;
    onSelect: PropType<(key: string) => void>;
};
export declare type DropdownProps = ExtractPublicPropTypes<typeof dropdownProps>;
declare const _default: import("vue").DefineComponent<{
    options: PropType<DropdownOption[]>;
    onSelect: PropType<(key: string) => void>;
}, {
    triggerRef: import("vue").Ref<HTMLDivElement | null>;
    showDropdownRef: import("vue").Ref<boolean>;
    dropdownRef: import("vue").Ref<HTMLDivElement | null>;
    handleMouseEnter: () => void;
    handleMouseLeave: () => void;
    handleClick: (key: string) => () => void;
    cssVars: import("vue").ComputedRef<{
        "--shadow": string;
        "--background-color": string;
        "--background-color-hover": string;
    }>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    options: PropType<DropdownOption[]>;
    onSelect: PropType<(key: string) => void>;
}>>, {}>;
export default _default;