{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-rating-9","type":"registry:block","title":"Rating with review text input","description":"Rating with review text input","dependencies":[],"registryDependencies":["button","card","label","@reui/rating","textarea"],"files":[{"path":"c-rating-9.tsx","type":"registry:block","content":"\"use client\"\n\nimport { useState } from \"react\"\nimport { Rating } from \"@/components/reui/rating\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { Card, CardContent } from \"@/components/ui/card\"\nimport { Label } from \"@/components/ui/label\"\nimport { Textarea } from \"@/components/ui/textarea\"\n\nexport function Pattern() {\n  const [rating, setRating] = useState(0)\n  const [review, setReview] = useState(\"\")\n\n  return (\n    <Card className=\"mx-auto w-full max-w-xs\">\n      <CardContent className=\"space-y-5\">\n        <div className=\"flex flex-col items-center gap-3\">\n          <h3 className=\"text-sm font-semibold\">Write a Review</h3>\n          <Rating rating={rating} onRatingChange={setRating} editable />\n          {rating > 0 && (\n            <p className=\"text-muted-foreground text-xs\">\n              {rating <= 2\n                ? \"We're sorry to hear that\"\n                : rating <= 3\n                  ? \"Thanks for your feedback\"\n                  : \"Glad you enjoyed it!\"}\n            </p>\n          )}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"review-text\" className=\"text-sm\">\n            Your review\n          </Label>\n          <Textarea\n            id=\"review-text\"\n            value={review}\n            onChange={(e) => setReview(e.target.value)}\n            placeholder=\"Tell us what you think...\"\n            rows={3}\n          />\n        </div>\n\n        <Button disabled={rating === 0} size=\"sm\" className=\"w-full\">\n          Submit Review\n        </Button>\n      </CardContent>\n    </Card>\n  )\n}","target":"components/examples/c-rating-9.tsx"}],"meta":{"order":9}}