import * as React from 'react'; import '@vtmn/css-text-input/dist/index-with-vars.css'; import { VitamixId } from '@vtmn/icons/dist/vitamix/font/vitamix'; type VtmnTextInputAdditionalProps = { /** * ID of the input * @type {string} */ identifier: string; /** * Label text linked to the input * @type {string} */ labelText?: string; /** * Label element for the input * @type {JSX.Element} */ labelComponent?: JSX.Element | JSX.Element[]; /** * Helper text to help the user * @type {string} * @defaultValue undefined */ helperText?: string; /** * Placeholder * @type {string} */ placeholder?: string; /** * Icon to display inside text input * @type {VitamixId} * @defaultValue undefined */ icon?: VitamixId; /** * Is a TextArea * @type {boolean} * @defaultValue false (Input) */ multiline?: boolean; /** * Whether input is successful or not * @type {boolean} * @defaultValue false */ valid?: boolean; /** * Whether input is in error or not * @type {boolean} * @defaultValue false */ error?: boolean; /** * Called when icon is clicked * @type {React.MouseEventHandler} * @defaultValue undefined */ onIconClick?: React.MouseEventHandler; /** * Classes to be applied to the label * @type {string} */ labelClassName?: string; /** * Props to be spreaded to the label * @type {object} */ labelProps?: React.ComponentPropsWithoutRef<'label'>; }; export type VtmnTextInputProps = React.ComponentPropsWithoutRef<'textarea'> & React.ComponentPropsWithoutRef<'input'> & VtmnTextInputAdditionalProps; export declare const VtmnTextInput: React.ForwardRefExoticComponent, HTMLTextAreaElement>, "key" | keyof React.TextareaHTMLAttributes> & Pick, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes> & VtmnTextInputAdditionalProps & React.RefAttributes>; declare const MemoVtmnTextInput: React.MemoExoticComponent, HTMLTextAreaElement>, "key" | keyof React.TextareaHTMLAttributes> & Pick, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes> & VtmnTextInputAdditionalProps & React.RefAttributes>>; export default MemoVtmnTextInput;