import { n as CodeInputVariant } from "../../CodeInput-BY7JqUng.js";
import { ChangeEvent, ClipboardEvent, HTMLInputTypeAttribute, KeyboardEvent, Ref } from "react";
import { SerializedStyles } from "@emotion/react";

//#region src/components/CodeInput/SingleCodeInput.d.ts
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;
  variant?: CodeInputVariant;
};
declare function SingleCodeInput({
  id,
  maxLength,
  onChange,
  value,
  inputRef,
  onKeyUp,
  onKeyDown,
  onPaste,
  type,
  max,
  cssProp,
  ariaLabel,
  disabled,
  onBlur,
  width,
  variant
}: CounterProps): JSX.Element;
//#endregion
export { SingleCodeInput };