import { HTMLAttributes } from 'react';
type OtpInputProps = {
    label: string;
    length?: number;
    disabled?: boolean;
    labelStyle?: string;
    error?: string;
    handleSubmit: (otp: string) => void;
} & HTMLAttributes<HTMLDivElement>;
/**
 * OtpInput component for rendering a one-time password input field with multiple digit boxes.
 *
 * @component
 * @example
 * // Example usage of OtpInput component
 * <OtpInput
 *   label="Enter verification code"
 *   length={6}
 *   disabled={false}
 *   handleSubmit={(otp) => console.log('OTP submitted:', otp)}
 *   error="Invalid code"
 * />
 *
 * @param {Object} props - The properties of the OtpInput component.
 * @param {string} props.label - The label text displayed above the input fields.
 * @param {number} [props.length=4] - The number of input boxes to display. Default is 4.
 * @param {boolean} [props.disabled=false] - Whether the input fields are disabled.
 * @param {string} [props.labelStyle] - Additional CSS classes for the label.
 * @param {string} [props.error] - Error message to be displayed below the input fields.
 * @param {(otp: string) => void} props.handleSubmit - Callback function called when the OTP is complete (all boxes filled).
 * @param {React.HTMLAttributes<HTMLDivElement>} [props.restProps] - Additional HTML attributes for the container div.
 * @required props.label, props.handleSubmit
 *
 * @returns {ReactNode} The rendered OtpInput component.
 */
export declare function OtpInput({ length, disabled, label, labelStyle, error, handleSubmit, ...restProps }: OtpInputProps): import("react").JSX.Element;
export {};
//# sourceMappingURL=OtpInput.d.ts.map