20 lines
523 B
TypeScript
20 lines
523 B
TypeScript
import React from "react";
|
|
|
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
label?: string;
|
|
}
|
|
|
|
function Input({ label, ...props }: InputProps) {
|
|
return (
|
|
<label className="space-y-2">
|
|
{label && <p className="text-xs text-black/50">{label}</p>}
|
|
<input
|
|
{...props}
|
|
className="bg-white rounded-lg px-5 py-3.5 outline-none ring-1 ring-transparent focus:ring-[#363636] transition-[ring-color] inline-block w-full"
|
|
/>
|
|
</label>
|
|
);
|
|
}
|
|
|
|
export default Input;
|