import { SerializedStyles } from '@emotion/react';
import { ChangeEvent, Ref, KeyboardEvent, ClipboardEvent, HTMLInputTypeAttribute } from 'react';

type CounterProps = {
    id?: string;
    maxLength?: number;
    onChange?: (event: ChangeEvent<HTMLInputElement>, id: string | undefined) => void;
    value?: string;
    inputRef?: Ref<HTMLInputElement>;
    onKeyUp?: (event: KeyboardEvent<HTMLInputElement>, id: string | undefined) => void;
    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>, id: string | undefined) => void;
    onPaste?: (event: ClipboardEvent<HTMLInputElement>) => void;
    max?: number;
    type: HTMLInputTypeAttribute;
    ariaLabel?: string;
    cssProp?: SerializedStyles | undefined;
    disabled?: boolean;
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    width: string;
};
declare function SingleCodeInput({ id, maxLength, onChange, value, inputRef, onKeyUp, onKeyDown, onPaste, type, max, cssProp, ariaLabel, disabled, onBlur, width, }: CounterProps): JSX.Element;

export { SingleCodeInput };
