import React from "react";

interface FormFieldProps {
  id: string;
  label: string;
  name: string;
  placeholder: string;
  required: boolean;
  readOnly: boolean;
  defaultValue: string;
}

const FormField: React.FC<FormFieldProps> = ({
  id,
  label,
  name,
  placeholder,
  required,
  readOnly,
  defaultValue,
}) => {
  const inputClass = readOnly
    ? "input input-bordered input-secondary w-full bg-gray-200 cursor-not-allowed"
    : "input input-bordered input-secondary w-full";

  return (
    <div>
      <label htmlFor={id} className="block text-gray-700 mb-2">
        {label}
      </label>
      <input
        type="text"
        id={id}
        name={name}
        className={inputClass}
        placeholder={placeholder}
        required={required}
        readOnly={readOnly}
        defaultValue={defaultValue}
      />
    </div>
  );
};

export default FormField;