import * as React from 'react';
import { ReactElement } from 'react';
import { OTPInput } from 'input-otp';

/**
 * InputOTP — shadcn/WealthX
 * Base: npx shadcn\@latest add input-otp
 * Figma: https://www.figma.com/design/9V9F0NGVsif8LGmEhVjOcT/Design-System---shadcn?node-id=101-698
 *
 * WealthX overrides:
 *   - InputOTPSlot: removed first:rounded-l-md last:rounded-r-md — sharp corners (radius-none)
 */

type InputOTPProps = React.ComponentProps<typeof OTPInput> & {
    containerClassName?: string;
};
declare function InputOTP({ className, containerClassName, ...props }: InputOTPProps): ReactElement;
type InputOTPGroupProps = React.ComponentProps<"div">;
declare function InputOTPGroup({ className, ...props }: InputOTPGroupProps): ReactElement;
type InputOTPSlotProps = React.ComponentProps<"div"> & {
    index: number;
};
declare function InputOTPSlot({ index, className, ...props }: InputOTPSlotProps): ReactElement;
type InputOTPSeparatorProps = React.ComponentProps<"div">;
declare function InputOTPSeparator({ ...props }: InputOTPSeparatorProps): ReactElement;

export { InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };