import { addCommentAction } from "@/lib/actions/comments";
import { Button } from "@/components/ui/button";
import { Textarea } from "@/components/ui/textarea";

export function CommentForm({ productId }: { productId: string }) {
  const action = addCommentAction.bind(null, productId);

  return (
    <form action={action} className="flex flex-col gap-2">
      <Textarea
        name="body"
        placeholder="Ton avis sur ce produit..."
        rows={3}
        required
      />
      <Button type="submit" className="self-end">
        Commenter
      </Button>
    </form>
  );
}