Input

Implement the input component with the following variants:

Basic Input

With Label

Email Address

Error State

Username

This field is required

Disabled

Disabled Field

Input Types

Password

Age

Phone

Various States

Required Field

Read Only

Input Component

tsx

1import { InputHTMLAttributes, forwardRef } from "react";
2import { cn } from "@/lib/cn";
3
4interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
5  label?: string;
6  error?: string;
7}
8
9const Input = forwardRef<HTMLInputElement, InputProps>(
10  ({ className, label, error, ...props }, ref) => {