import * as _emotion_styled from '@emotion/styled';
import * as react from 'react';
import * as _emotion_react from '@emotion/react';
import { SerializedStyles } from '@emotion/react';

type OnSubmitCode = (code: string) => void;
type OnChangeCode = (code: string) => void;
type CodeInputProps = {
    onChange?: OnChangeCode | undefined;
    onSubmit?: OnSubmitCode | undefined;
    codeLength?: number;
    inputCSS?: SerializedStyles;
    autoFocus?: boolean;
    onBlur?: (() => void) | undefined;
};
declare function CodeInput({ codeLength, onChange, onSubmit, inputCSS, autoFocus, onBlur, }: CodeInputProps): JSX.Element;
declare const StyledCodeInput: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme;
    as?: React.ElementType;
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

export { CodeInput, type OnChangeCode, type OnSubmitCode, StyledCodeInput };
