1import { useState } from "react"
2import { Button } from "@/components/ui/button"
3import { Textarea } from "@/components/ui/textarea"
4import { Label } from "@/components/ui/label"
5import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
6import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
7import { toast } from "sonner"
8
9export default function ReviewForm_1() {
10  const [rating, setRating] = useState("")
11  const [comment, setComment] = useState("")
12  const [loading, setLoading] = useState(false)
13
14  const submitHandler = (e: React.FormEvent) => {
15    e.preventDefault()
16
17    if (!rating || !comment) {
18      toast.error("Please provide a rating and a comment.")
19      return
20    }
21
22    setLoading(true)
23
24    // Simulate sending, add your logical here
25    setTimeout(() => {
26      toast.success("Review submitted successfully!")
27      setRating("")
28      setComment("")
29      setLoading(false)
30    }, 1000)
31  }
32
33  return (
34    <Card className="w-full max-w-md mx-auto">
35      <CardHeader>
36        <CardTitle>Write a Customer Review</CardTitle>
37      </CardHeader>
38      <CardContent>
39        <form onSubmit={submitHandler} className="space-y-4">
40          <div>
41            <Label htmlFor="rating">Rating</Label>
42            <Select value={rating} onValueChange={setRating}>
43              <SelectTrigger id="rating">
44                <SelectValue placeholder="Select..." />
45              </SelectTrigger>
46              <SelectContent>
47                <SelectItem value="1">1 - Poor</SelectItem>
48                <SelectItem value="2">2 - Fair</SelectItem>
49                <SelectItem value="3">3 - Good</SelectItem>
50                <SelectItem value="4">4 - Very Good</SelectItem>
51                <SelectItem value="5">5 - Excellent</SelectItem>
52              </SelectContent>
53            </Select>
54          </div>
55          <div>
56            <Label htmlFor="comment">Comment</Label>
57            <Textarea
58              id="comment"
59              rows={3}
60              value={comment}
61              onChange={(e) => setComment(e.target.value)}
62              placeholder="Share your experience..."
63            />
64          </div>
65          <Button type="submit" disabled={loading} className="w-full">
66            Submit
67          </Button>
68        </form>
69      </CardContent>
70    </Card>
71  )
72}