import * as React from "react"; import { InputAppearance } from "../../shared/types/inputAppearance"; export interface TextInputProps extends React.HTMLProps { /** * The HTML input type for this component. */ type?: "text" | "number" | "search" | "email" | "password" | "tel" | "url"; /** * Sets the current appearance of the input component. This defaults to InputAppearance.Standard, but supports `InputAppearance.Error` & `InputAppearance.Success` appearances as well. */ appearance?: InputAppearance; /** * Sets the contents of the input label. This can be a `string` or any `ReactNode`. */ inputLabel?: React.ReactNode; /** * Defaults to `true`, but can be set to `false` to visibly hide the `TextInput`'s label. The `inputLabel` should still be set even when hidden for accessibility support. */ showInputLabel?: boolean; /** * hintContent is text or a ReactNode that is displayed directly under the input with additional information about the expected input. */ hintContent?: React.ReactNode; /** * Sets the contents for validation errors. This will be displayed below the input element. Errors are only visible when the `TextInput` appearance is also set to `InputAppearance.Error`. */ errors?: React.ReactNode[]; /** * Sets the text content for the tooltip that can be displayed above the input. */ tooltipContent?: React.ReactNode; } declare const TextInput: ({ appearance, type, showInputLabel, ...props }: TextInputProps) => React.JSX.Element; export default TextInput;