import { SvelteComponentTyped } from "svelte";
import type { Option } from './types';
import type { TypographyElement } from '../../content/Typography/types';
import './Dropdown.css';
import type { Size } from '../../unocss';
declare const __propDef: {
    props: {
        id?: string | undefined;
        label?: string | undefined;
        type?: "select" | "dropdown" | undefined;
        square?: boolean | undefined;
        variant?: "dark" | "yellow" | "green" | "blue" | "pink" | "default" | "light" | undefined;
        align?: "left" | "right" | undefined;
        size?: Size | undefined;
        width?: `w-${string}` | undefined;
        toggled?: boolean | undefined;
        icon?: string | false | undefined;
        classes?: string | undefined;
        selected?: Option | undefined;
        el?: TypographyElement | undefined;
    };
    events: {
        toggled: CustomEvent<any>;
        keydown: CustomEvent<any>;
    } & {
        [evt: string]: CustomEvent<any>;
    };
    slots: {
        button: {
            toggle: (val: boolean) => void;
        };
        default: {
            toggle: (val: boolean) => void;
        };
    };
};
export type DropdownProps = typeof __propDef.props;
export type DropdownEvents = typeof __propDef.events;
export type DropdownSlots = typeof __propDef.slots;
export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
}
export {};