{
  "name": "review-01-block",
  "type": "registry:block",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.stackzero.co/r/star-rating-basic.json"
  ],
  "files": [
    {
      "type": "registry:block",
      "content": "import StarRating from \"@/components/commerce-ui/star-rating-basic\";\ninterface Review_01Props {\n  rating?: number;\n  reviewDate?: string;\n  reviewText?: string;\n  avatarUrl?: string;\n  reviewerName?: string;\n  reviewerTitle?: string;\n}\n\nfunction Review_01({\n  avatarUrl = \"https://raw.githubusercontent.com/stackzero-labs/ui/refs/heads/main/public/placeholders/user-07.jpg\",\n  rating = 4.0,\n  reviewDate = \"Feb 12, 2025\",\n  reviewerName = \"Adam Smith\",\n  reviewerTitle = \"CEO ACME Inc.\",\n  reviewText = \"The product is great, I'm very satisfied with the quality and the price. I would recommend it to anyone looking for a good product or service.\",\n}: Review_01Props = {}) {\n  return (\n    <>\n      <div className=\"flex max-w-2xl flex-col gap-4 rounded-lg border px-6 py-4\">\n        <div className=\"flex flex-row flex-wrap items-center justify-between gap-2\">\n          <div className=\"flex flex-row items-center gap-2\">\n            <StarRating value={rating} maxStars={5} iconSize={18} readOnly />\n            <p className=\"text-sm\">({rating}/5)</p>\n          </div>\n\n          <p className=\"text-muted-foreground text-sm\">{reviewDate}</p>\n        </div>\n\n        <div>\n          <p className=\"text-justify\">{reviewText}</p>\n        </div>\n\n        <div className=\"flex flex-row items-end gap-4\">\n          <img\n            src={avatarUrl}\n            alt=\"reviewer avatar\"\n            className=\"relative inline-block h-12 w-12 !rounded-full object-cover object-center\"\n          />\n          <div>\n            <p className=\"text-sm font-semibold\">{reviewerName}</p>\n            <p className=\"font-base text-muted-foreground text-sm\">\n              {reviewerTitle}\n            </p>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport default Review_01;\nexport type { Review_01Props };\n",
      "path": "/components/commerce-ui/blocks/reviews/review-01.tsx",
      "target": "components/commerce-ui/review-01.tsx"
    }
  ]
}