import { PropType } from 'vue';
import { TJoyDropdownListSizes } from './JoyDropdownList.types';
export interface Option {
    id: string;
    value?: string;
    label: string;
    href?: string;
    /**
     * @default false
     */
    disabled?: boolean;
    /**
     * @default false
     */
    checked?: boolean;
    [k: string]: any;
}
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    /**
     * You need to pass an unique ID for each option. You can also pass a value if you want to customize the value of the v-model.
     */
    options: {
        type: PropType<Option[]>;
        default(): never[];
    };
    /** Customize the actual size of each items. */
    size: {
        type: PropType<TJoyDropdownListSizes>;
        default: string;
    };
    modelValue: {
        type: StringConstructor;
    };
    width: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
        default: string;
    };
    reset: {
        type: BooleanConstructor;
        default: boolean;
    };
    resetLabel: {
        type: StringConstructor;
    };
    ariaLabelledBy: {
        type: StringConstructor;
    };
    ariaLabel: {
        type: StringConstructor;
    };
}>, {
    isSelected: import("vue").ComputedRef<(option: Option) => boolean>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    reset: () => any;
    "update:modelValue": (value: string | undefined) => any;
    "close:dropdownList": () => any;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * You need to pass an unique ID for each option. You can also pass a value if you want to customize the value of the v-model.
     */
    options: {
        type: PropType<Option[]>;
        default(): never[];
    };
    /** Customize the actual size of each items. */
    size: {
        type: PropType<TJoyDropdownListSizes>;
        default: string;
    };
    modelValue: {
        type: StringConstructor;
    };
    width: {
        type: StringConstructor;
        default: string;
    };
    height: {
        type: StringConstructor;
        default: string;
    };
    reset: {
        type: BooleanConstructor;
        default: boolean;
    };
    resetLabel: {
        type: StringConstructor;
    };
    ariaLabelledBy: {
        type: StringConstructor;
    };
    ariaLabel: {
        type: StringConstructor;
    };
}>> & Readonly<{
    onReset?: (() => any) | undefined;
    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
    "onClose:dropdownList"?: (() => any) | undefined;
}>, {
    reset: boolean;
    size: TJoyDropdownListSizes;
    width: string;
    height: string;
    options: Option[];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
    /** Use it to customize the innerHTML of the <li> item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
    label?: ((option: Option) => any) | undefined;
    /** Header that will be injected in the VJoyDropdownList */
    'dropdown-list-header'?: (() => any) | undefined;
    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyCheckboxGroup for instance. */
    'dropdown-list-items'?: (() => any) | undefined;
    /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
    'dropdown-list-item'?: ((option: Option) => any) | undefined;
    /** Footer that will be injected in the VJoyDropdownList */
    'dropdown-list-footer'?: (() => any) | undefined;
}> & {
    /** Use it to customize the innerHTML of the <li> item. See https://vuejs.org/guide/components/slots.html#scoped-slots */
    label?: ((option: Option) => any) | undefined;
    /** Header that will be injected in the VJoyDropdownList */
    'dropdown-list-header'?: (() => any) | undefined;
    /** Free slot in order to render any kind of component. Can be handy to use it with VJoyCheckboxGroup for instance. */
    'dropdown-list-items'?: (() => any) | undefined;
    /** Use it to customize the innerHTML of the li item. See https://vuejs.org/guide/components/slots.html#scoped-slots  */
    'dropdown-list-item'?: ((option: Option) => any) | undefined;
    /** Footer that will be injected in the VJoyDropdownList */
    'dropdown-list-footer'?: (() => any) | undefined;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};