import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLOrientation, CLSizes, CLColors, CLColorVariants } from '../../../index.ts'; export interface CLTextAreaProps { /** Sets the aria-label on the textarea. It should be used when there is no label present. */ ariaLabel?: string; /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#autocomplete for more details. */ autoComplete?: boolean; /** 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 textarea. */ busy?: boolean; /** When set to `true` and `maxLength` is set, it will display a character counter below the textarea. */ charCounter?: boolean; /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */ color?: CLColors; /** Set the exact number of columns, to specify the size of the rendered textarea. */ cols?: number; /** Set the disabled state. */ disabled?: boolean; /** When set to true, sets the width of the TextArea to 100% of it's parent. */ fluid?: boolean; /** The form whom the textarea belongs to. Useful for when a textarea 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 textarea. */ label?: string; /** The maximum amount of characters allowed for entry. */ maxLength?: number; /** 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; /** The minimum amount of characters required for entry. */ minLength?: number; /** A string representing name of the textarea. The name is submitted along with the textarea value when the form it belongs to is submitted. */ name: string; /** A callback function which handles when the textarea loses focus. */ onBlur?: CLGenericFocusFunction; /** A callback function which handles when the textarea value changes. */ onChange?: CLGenericFunction; /** A callback function which handles when the textarea gains focus. */ onFocus?: CLGenericFocusFunction; /** A callback function which handles when the input value changes due to user input. */ onInput?: CLGenericInputFunction; /** 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 regexp pattern that can be used for validation. */ pattern?: string; /** The default text shown when there is no value. Useful for providing a hint of what type of textarea is expected. */ placeholder?: string; /** When set to `true` the textarea cannot be edited. */ readonly?: boolean; /** Set the required state. */ required?: boolean; /** When set to `true` the textarea will be able to be resized. */ resizable?: boolean; /** When set to `false` it will not render with rounded corners. */ rounded?: boolean; /** Set the exact number of rows, to specify the size of the rendered textarea */ rows?: number; /** Sets the textarea size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */ size?: CLSizes; /** A hint provided to browsers that support it, whether or not to check for spelling errors. */ spellCheck?: boolean; /** 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; } & CLTextAreaProps, { textareaRef: Readonly>; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:modelValue": (value: string | number) => any; }, string, import('vue').PublicProps, Readonly<{ modelValue?: string | number; } & CLTextAreaProps> & Readonly<{ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined; }>, { size: CLSizes; color: CLColors; variant: CLColorVariants.Outline | CLColorVariants.Ghost; fluid: boolean; rounded: boolean; testId: string; orientation: CLOrientation; resizable: boolean; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, { 'textarea-ref': HTMLTextAreaElement; }, HTMLDivElement>; export default _default;