import { PropType } from 'vue';
import { SelectOption } from './types';
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<{
        /** Helper text above the select field */
        'helper-text'(props: Record<string, never>): any;
        /** Link or icon to the right above the select field. */
        info(props: Record<string, never>): any;
        /** Icon preceding text within the select field */
        'pre-icon'(props: Record<string, never>): any;
        /** CdrSelect content (<option> tags). Leave empty if using the `options` prop. */
        default(props: Record<string, never>): any;
        'info-action'(props: Record<string, never>): any;
        /** Error messaging text that is displayed when the `error` prop is true. */
        error(props: Record<string, never>): any;
    }> & {
        /** Helper text above the select field */
        'helper-text'(props: Record<string, never>): any;
        /** Link or icon to the right above the select field. */
        info(props: Record<string, never>): any;
        /** Icon preceding text within the select field */
        'pre-icon'(props: Record<string, never>): any;
        /** CdrSelect content (<option> tags). Leave empty if using the `options` prop. */
        default(props: Record<string, never>): any;
        'info-action'(props: Record<string, never>): any;
        /** Error messaging text that is displayed when the `error` prop is true. */
        error(props: Record<string, never>): any;
    };
    refs: {};
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
     */
    id: {
        type: StringConstructor;
    };
    /**
     * Sets the text value for the select label.
     * Required for accessibility compliance. Use ‘hideLabel’ to
     * visually hide the label but keep it available to screenreaders.
     */
    label: {
        type: StringConstructor;
        required: true;
    };
    /**
     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
     */
    hideLabel: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
     */
    prompt: StringConstructor;
    /**
     * Build options programmatically with data.
     * Provide an array of objects [{ text: String, value: String}] for greater control
     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
     */
    options: {
        type: PropType<SelectOption[] | string[]>;
    };
    /**
     * Sets the background color the radio button is rendered on
     * @values primary, secondary
     */
    background: {
        type: StringConstructor[];
        default: string;
        validator: (value: string) => boolean;
    };
    /**
     * Sets the component's size; values can target responsive breakpoints. Example `large@lg`
     * @demoSelectMultiple true
     * @values large
     */
    size: StringConstructor;
    /** Sets the select to an error state, displays the `error` slot if one is present. */
    error: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    /**
     * Sets the `role` attribute for the embedded error state messaging.
     */
    errorRole: {
        type: StringConstructor;
        default: string;
    };
    /** @ignore */
    modelValue: {
        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
    };
    /** Disables the input and sets appropriate styling */
    disabled: BooleanConstructor;
    /** Sets aria-required on the input field and displays an asterisk next to the select label */
    required: BooleanConstructor;
    /** Displays '(optional)' text next to the select label. */
    optional: BooleanConstructor;
    /** Turns CdrSelect into a multi-select element. */
    multiple: BooleanConstructor;
    /** Sets the height of the CdrSelect when using the multiple option.
     * This number corresponds to the number of select options that will be visible without scrolling.
     */
    multipleSize: NumberConstructor;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be auto-generated.
     */
    id: {
        type: StringConstructor;
    };
    /**
     * Sets the text value for the select label.
     * Required for accessibility compliance. Use ‘hideLabel’ to
     * visually hide the label but keep it available to screenreaders.
     */
    label: {
        type: StringConstructor;
        required: true;
    };
    /**
     * Visually hides the label element, but leaves it available to screen readers for accessibility compliance.
     */
    hideLabel: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
     */
    prompt: StringConstructor;
    /**
     * Build options programmatically with data.
     * Provide an array of objects [{ text: String, value: String}] for greater control
     * or provide an array of strings ['String'] for simpler setup (value and text will be the same).
     */
    options: {
        type: PropType<SelectOption[] | string[]>;
    };
    /**
     * Sets the background color the radio button is rendered on
     * @values primary, secondary
     */
    background: {
        type: StringConstructor[];
        default: string;
        validator: (value: string) => boolean;
    };
    /**
     * Sets the component's size; values can target responsive breakpoints. Example `large@lg`
     * @demoSelectMultiple true
     * @values large
     */
    size: StringConstructor;
    /** Sets the select to an error state, displays the `error` slot if one is present. */
    error: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    /**
     * Sets the `role` attribute for the embedded error state messaging.
     */
    errorRole: {
        type: StringConstructor;
        default: string;
    };
    /** @ignore */
    modelValue: {
        type: (SymbolConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
    };
    /** Disables the input and sets appropriate styling */
    disabled: BooleanConstructor;
    /** Sets aria-required on the input field and displays an asterisk next to the select label */
    required: BooleanConstructor;
    /** Displays '(optional)' text next to the select label. */
    optional: BooleanConstructor;
    /** Turns CdrSelect into a multi-select element. */
    multiple: BooleanConstructor;
    /** Sets the height of the CdrSelect when using the multiple option.
     * This number corresponds to the number of select options that will be visible without scrolling.
     */
    multipleSize: NumberConstructor;
}>> & Readonly<{
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}>, {
    error: string | boolean;
    required: boolean;
    background: string;
    disabled: boolean;
    hideLabel: boolean;
    optional: boolean;
    errorRole: string;
    multiple: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};