import * as React from "react"; import { InputAppearance } from "../../shared/types/inputAppearance"; export interface ToggleInputProps extends React.HTMLProps { /** * Sets the current appearance of the input component. This defaults to InputAppearance.Standard, but supports `InputAppearance.Error` & `InputAppearance.Success` appearances as well. */ appearance?: InputAppearance; /** * Whether or not the input is checked */ checked?: boolean; /** * Allows custom styling */ className?: string; /** * Unique identifier used for the input element */ id?: string; /** * The text or node content that appears next to the input */ inputLabel: React.ReactNode | string; /** * Defaults to `true`, but can be set to `false` to visibly hide the content passed to `inputLabel`. The `inputLabel` should still be set even when hidden for accessibility support. */ showInputLabel?: boolean; /** * The value being toggled */ value?: string; /** * How the text content vertically aligns with the input */ vertAlign?: "center" | "top"; /** * 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 `TextInputAppearance.Error`. */ errors?: React.ReactNode[]; } interface LocalToggleInputProps extends ToggleInputProps { children?: React.ReactNode; /** * Tells the ToggleInput to render */ inputType?: "checkbox" | "radio"; /** * Only used for the checkbox. Sets whether the checkbox is neither checked or unchecked */ isIndeterminate?: boolean; } declare const ToggleInput: React.ForwardRefExoticComponent & React.RefAttributes>; export default ToggleInput;