interface OrderProductRowProps {
  name: string;
  image?: string;
  quantity: number;
  unitPrice: number;
}

export default function OrderProductRow({ name, image, quantity, unitPrice }: OrderProductRowProps) {
  return (
    <tr className="border-b">
      <td className="py-3 px-4">
        <div className="flex items-center gap-3">
          <img
            src={image || '/placeholder.jpg'}
            alt=""
            className="w-12 h-12 object-cover rounded"
          />
          <span className="font-medium">{name}</span>
        </div>
      </td>
      <td className="py-3 px-4 text-center">{quantity}</td>
      <td className="py-3 px-4 text-right">฿{unitPrice.toLocaleString()}</td>
      <td className="py-3 px-4 text-right font-medium">฿{(unitPrice * quantity).toLocaleString()}</td>
    </tr>
  );
}