import { View, type TextInput, type ViewProps } from 'react-native';
import { type IOtpInputRootProps, type OtpInputFieldProps } from '@cdx-ui/primitives';
import { type InputProps } from '../Input';
import { type InputVariantProps } from '../Input/styles';
import { type OtpInputVariantProps } from './styles';
export interface OtpInputCellProps extends ViewProps, InputVariantProps {
    className?: string;
    children?: React.ReactNode;
    isInvalid?: boolean;
    isReadOnly?: boolean;
    isDisabled?: boolean;
}
declare const OtpStyledCell: import("react").ForwardRefExoticComponent<OtpInputCellProps & import("react").RefAttributes<View>>;
export type OtpInputFieldStyledProps = OtpInputFieldProps & {
    className?: string;
};
/**
 * Bridges OtpInputField focus/blur events to the parent Input's context so
 * InputRoot emits `data-focus=true` and the `border-stroke-action` CSS activates.
 * The primitive OtpInputField doesn't know about InputContext — that coupling
 * belongs here in the styled layer.
 */
declare const OtpStyledField: import("react").ForwardRefExoticComponent<OtpInputFieldProps & {
    className?: string;
} & import("react").RefAttributes<TextInput>>;
export interface OtpInputProps extends Omit<IOtpInputRootProps, 'size'>, OtpInputVariantProps {
    variant?: NonNullable<InputProps['variant']>;
    size?: NonNullable<InputProps['size']>;
    className?: string;
}
declare const OtpInputRoot: import("react").ForwardRefExoticComponent<OtpInputProps & import("react").RefAttributes<View>>;
type OtpInputCompoundComponent = typeof OtpInputRoot & {
    Cell: typeof OtpStyledCell;
    Field: typeof OtpStyledField;
};
export declare const OtpInput: OtpInputCompoundComponent;
export {};
//# sourceMappingURL=index.d.ts.map