16 lines
424 B
JavaScript
16 lines
424 B
JavaScript
const Input = ({ label, className = "", ...props }) => {
|
|
return (
|
|
<div className="flex flex-col gap-1">
|
|
{label && <label className="text-sm font-medium text-gray-600">{label}</label>}
|
|
<input
|
|
{...props}
|
|
className={`border border-gray-300 rounded-lg px-3 py-2
|
|
focus:outline-none focus:ring-2 focus:ring-black
|
|
${className}`}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Input;
|