import { Dispatch, SetStateAction } from 'react';
import { FormLabelProps } from '../../ComponentTypes.models';
export declare enum Separators {
    COMMA = ",",
    ENTER = "Enter",
    TAB = "Tab",
    SPACE = " "
}
export type TagInputProps = {
    /** Array of tags currently in the input */
    tags: string[];
    /** Function to update the tags array */
    setTags: Dispatch<SetStateAction<string[]>>;
    /** Optional array of separators to define how tags are split */
    separators?: Separators[];
    /** Optional limit on the number of tags that can be added */
    tagLimit?: number;
    /** Optional props for the form label associated with the input */
    formLabelProps?: FormLabelProps;
    /** Optional placeholder text displayed when the input is empty */
    placeholder?: string;
    /** Optional boolean to automatically focus the input on render */
    autoFocus?: boolean;
    /** Optional name attribute for the input element */
    name?: string;
    /** Optional id attribute for the input element */
    id?: string;
};
declare const TagInput: ({ tags, setTags, separators, tagLimit, formLabelProps, placeholder, autoFocus, name, id, }: TagInputProps) => JSX.Element;
export default TagInput;
