import * as _$_emotion_styled0 from "@emotion/styled";
import * as _$react from "react";
import * as _$_emotion_react0 from "@emotion/react";
import { SerializedStyles } from "@emotion/react";

//#region src/components/CodeInput/CodeInput.d.ts
type OnSubmitCode = (code: string) => void;
type OnChangeCode = (code: string) => void;
type CodeInputVariant = "default" | "unified";
type CodeInputProps = {
  onChange?: OnChangeCode | undefined;
  onSubmit?: OnSubmitCode | undefined;
  codeLength?: number;
  inputCSS?: SerializedStyles;
  autoFocus?: boolean;
  onBlur?: (() => void) | undefined;
  variant?: CodeInputVariant;
};
declare function CodeInput({
  codeLength,
  onChange,
  onSubmit,
  inputCSS,
  autoFocus,
  onBlur,
  variant
}: CodeInputProps): JSX.Element;
declare const StyledCodeInput: _$_emotion_styled0.StyledComponent<{
  theme?: _$_emotion_react0.Theme;
  as?: React.ElementType;
}, _$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
//#endregion
export { StyledCodeInput as a, OnSubmitCode as i, CodeInputVariant as n, OnChangeCode as r, CodeInput as t };