Password Input

import { PasswordInput } from '@/components/ui/password-input'

export default function Example() {
 const [password, setPassword] = useState('')

 return (
 <>
 {/* Basic password input */}
 <PasswordInput
 label="Password"
 value={password}
 onChange={setPassword}
 placeholder="Enter password"
 />

 {/* With strength indicator */}
 <PasswordInput
 label="New Password"
 value={password}
 onChange={setPassword}
 showStrength
 autoComplete="new-password"
 />

 {/* With requirements checklist */}
 <PasswordInput
 label="Create Password"
 value={password}
 onChange={setPassword}
 showStrength
 showRequirements
 minLength={12}
 />

 {/* Custom requirements for PIN */}
 <PasswordInput
 label="PIN Code"
 placeholder="6-digit PIN"
 showStrength
 showRequirements
 minLength={6}
 requireUppercase={false}
 requireLowercase={false}
 requireSpecial={false}
 requireNumbers={true}
 />
 </>
 )
}