import { CLBorderRadius, CLColors, CLColorVariants, CLGenericFocusFunction, CLGenericFunction, CLOption, CLOrientation, CLSizes } from '../../../types';
export interface CLSelectProps {
    /** Sets the aria-label on the input. It should be used when there is no label present. */
    ariaLabel?: string;
    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
    borderRadius?: CLBorderRadius;
    /** A `boolean` value which dictates the busy state of the select. */
    busy?: boolean;
    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
    color?: CLColors;
    /** Set the disabled state. */
    disabled?: boolean;
    /** When set to true, sets the width of the select to 100% of it's parent. */
    fluid?: boolean;
    /** The form whom the select belongs to. Useful for when a select is not within a `form` element. */
    form?: string;
    /** A unique identifier, this is required. */
    id: string;
    /** The label text to be displayed which is associated to the select. */
    label?: string;
    /** An array of messages to be displayed. */
    messages?: string[];
    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
    messageType?: CLColors;
    /** A string representing name of the select. The name is submitted along with the select value when the form it belongs to is submitted. */
    name: string;
    /** A callback function which handles when the select loses focus. */
    onBlur?: CLGenericFocusFunction;
    /** A callback function which handles when the select is clicked. */
    onChange?: CLGenericFunction;
    /** A callback function which handles when the select gains focus. */
    onFocus?: CLGenericFocusFunction;
    /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
    orientation?: CLOrientation;
    /** A list of options */
    options: CLOption[];
    /** The default text shown when there is no value. Useful for providing a hint of what is expected. */
    placeholder?: string;
    /** Set the required state. */
    required?: boolean;
    /** When set to `false` it will not render with rounded corners. */
    rounded?: boolean;
    /** Sets the select size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
    size?: CLSizes;
    /** Sets a custom ID used for unit tests. */
    testId?: string;
    /** Sets the color variant. The property can be one of `CLColorVariants.Outline | CLColorVariants.Ghost`, e.g `CLColorVariants.Outline`. */
    variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
}
declare const _default: import('vue').DefineComponent<{
    modelValue?: string | number | null;
} & CLSelectProps, {
    selectRef: Readonly<globalThis.ShallowRef<HTMLSelectElement | null>>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (value: string | number | null) => any;
}, string, import('vue').PublicProps, Readonly<{
    modelValue?: string | number | null;
} & CLSelectProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
}>, {
    size: CLSizes;
    color: CLColors;
    variant: CLColorVariants.Outline | CLColorVariants.Ghost;
    fluid: boolean;
    rounded: boolean;
    testId: string;
    orientation: CLOrientation;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    'select-ref': HTMLSelectElement;
}, HTMLDivElement>;
export default _default;