
import React from "react";
import { Label } from "@/components/ui/label";
import { Input } from "@/components/ui/input";

interface TestimonialBasicFieldsProps {
  name: string;
  role: string;
  company: string;
  onNameChange: (value: string) => void;
  onRoleChange: (value: string) => void;
  onCompanyChange: (value: string) => void;
}

const TestimonialBasicFields = ({
  name,
  role,
  company,
  onNameChange,
  onRoleChange,
  onCompanyChange
}: TestimonialBasicFieldsProps) => {
  return (
    <>
      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
          <Label htmlFor="name">Nom *</Label>
          <Input
            id="name"
            value={name}
            onChange={(e) => onNameChange(e.target.value)}
            required
          />
        </div>
        <div>
          <Label htmlFor="role">Rôle *</Label>
          <Input
            id="role"
            value={role}
            onChange={(e) => onRoleChange(e.target.value)}
            required
          />
        </div>
      </div>

      <div>
        <Label htmlFor="company">Entreprise *</Label>
        <Input
          id="company"
          value={company}
          onChange={(e) => onCompanyChange(e.target.value)}
          required
        />
      </div>
    </>
  );
};

export default TestimonialBasicFields;
