41 lines
991 B
TypeScript
41 lines
991 B
TypeScript
|
"use client";
|
||
|
|
import { Button } from "@/components/ui/button";
|
||
|
|
import { Input } from "@/components/ui/input";
|
||
|
|
import { Label } from "@/components/ui/label";
|
||
|
|
import { useForm, SubmitHandler } from "react-hook-form";
|
||
|
|
|
||
|
|
type Inputs = {
|
||
|
|
example: string;
|
||
|
|
exampleRequired: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
const LockScreen = () => {
|
||
|
|
const {
|
||
|
|
register,
|
||
|
|
handleSubmit,
|
||
|
|
watch,
|
||
|
|
formState: { errors },
|
||
|
|
} = useForm<Inputs>();
|
||
|
|
const onSubmit: SubmitHandler<Inputs> = (data) => console.log(data);
|
||
|
|
console.log(watch("example"));
|
||
|
|
|
||
|
|
return (
|
||
|
|
<form onSubmit={handleSubmit(onSubmit)} className="space-y-4 ">
|
||
|
|
<div className="space-y-2">
|
||
|
|
<Label htmlFor="email">Email</Label>
|
||
|
|
<Input
|
||
|
|
id="email"
|
||
|
|
defaultValue="dashcode@gmail.com"
|
||
|
|
{...register("example")}
|
||
|
|
className="h-[48px] text-sm text-default-900 "
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<Button type="submit" fullWidth>
|
||
|
|
Unlock
|
||
|
|
</Button>
|
||
|
|
</form>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
export default LockScreen;
|