-
Notifications
You must be signed in to change notification settings - Fork 43
/
types.ts
44 lines (39 loc) · 969 Bytes
/
types.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
export interface SlotProps {
isActive: boolean
char: string | null
hasFakeCaret: boolean
}
export interface RenderProps {
slots: SlotProps[]
isFocused: boolean
isHovering: boolean
}
type OverrideProps<T, R> = Omit<T, keyof R> & R
type OTPInputBaseProps = OverrideProps<
React.InputHTMLAttributes<HTMLInputElement>,
{
value?: string
onChange?: (newValue: string) => unknown
maxLength: number
textAlign?: 'left' | 'center' | 'right'
onComplete?: (...args: any[]) => unknown
pushPasswordManagerStrategy?:
| 'increase-width'
| 'none'
| 'experimental-no-flickering'
containerClassName?: string
noScriptCSSFallback?: string | null
}
>
type InputOTPRenderFn = (props: RenderProps) => React.ReactNode
export type OTPInputProps = OTPInputBaseProps &
(
| {
render: InputOTPRenderFn
children?: never
}
| {
render?: never
children: React.ReactNode
}
)