import { default as React } from 'react';
import { OTPInput } from 'input-otp';
import { default as IInputOTPProps } from './IInputOTPProps';
/**
 * InputOTP - A customizable OTP input component with flexible grouping and separator options
 *
 * This component provides a user-friendly interface for entering one-time passwords or verification codes.
 * It supports different grouping patterns and can show or hide separators between groups.
 *
 * @param props {@link IInputOTPProps} - Props for the InputOTP component
 * @returns The rendered InputOTP component
 *
 * @example
 * ```tsx
 * // Basic usage with default settings (6 digits, no group, no separator)
 * function App() {
 *   return <InputOTP />;
 * }
 * ```
 *
 * @example
 * ```tsx
 * // Custom configuration with 4 digits grouped by 2
 * function App() {
 *   return <InputOTP maxLength={4} groupLength={2} />;
 * }
 * ```
 *
 * @example
 * ```tsx
 * // With separators between groups
 * function App() {
 *   return <InputOTP maxLength={6} groupLength={3} separator />;
 * }
 * ```
 */
declare const InputOTP: React.FC<IInputOTPProps & Pick<React.ComponentPropsWithRef<typeof OTPInput>, 'ref'>>;
export default InputOTP;
