Deploy
This commit is contained in:
@@ -0,0 +1,24 @@
|
||||
'use client'
|
||||
|
||||
import React from 'react'
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
||||
error?: string
|
||||
}
|
||||
|
||||
export default function Input({ className, error, ...props }: InputProps) {
|
||||
return (
|
||||
<div className="w-full">
|
||||
<input
|
||||
className={cn(
|
||||
"flex h-11 w-full rounded-lg border border-[#403630] bg-[#17120f] px-4 py-2 text-sm text-[#eeeae7] placeholder:text-[#6b5e52] focus:outline-none focus:border-[#8b5a3c] focus:ring-1 focus:ring-[#8b5a3c]/30 disabled:cursor-not-allowed disabled:opacity-50",
|
||||
error && "border-red-500 focus:border-red-500 focus:ring-red-500/30",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
{error && <p className="mt-1.5 text-xs text-red-400">{error}</p>}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user