export default function Input({ label, name, type = 'text', value, onChange, disabled, required }) {
  return (
    <div>
      {label && <label htmlFor={name} className="block mb-1 font-medium text-gray-700">{label}</label>}
      <input
        id={name}
        name={name}
        type={type}
        value={value}
        onChange={onChange}
        disabled={disabled}
        required={required}
        className={`w-full px-3 py-2 border rounded-md text-sm ${disabled ? 'bg-gray-100' : 'bg-white'} border-gray-300`}
      />
    </div>
  );
}
