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;
