{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "review-form",
  "type": "registry:block",
  "title": "Review Form",
  "description": "A complete review submission form with rating, text inputs, and dropdowns for user information collection",
  "dependencies": [
    "react",
    "@registry/react"
  ],
  "registryDependencies": [
    "https://components.thgaltitude.com/r/react/form",
    "https://components.thgaltitude.com/r/react/text-input-field",
    "https://components.thgaltitude.com/r/react/rating-input-field",
    "https://components.thgaltitude.com/r/react/text-area-field",
    "https://components.thgaltitude.com/r/react/dropdown-field"
  ],
  "files": [
    {
      "path": "registry/react/block/review-form.tsx",
      "content": "import Form from \"@registry/react/component/form\";\nimport TextInputField from \"@registry/react/component/fields/text-input-field\";\nimport RatingInputField from \"@registry/react/component/fields/rating-input-field\";\nimport TextAreaField from \"@registry/react/component/fields/text-area-field\";\nimport DropdownField from \"@registry/react/component/fields/dropdown-field\";\n\nexport const SampleForm = () => {\n  const handleSubmit = (data: Record<string, any>) => {\n    console.warn(\n      \"This is a placeholder for the form submission logic. You can replace this with your own implementation.\\n\\nData submitted:\\n\",\n      data\n    );\n  };\n  return (\n    <Form\n      title=\"Submit A Review\"\n      description=\"We value your honest feedback about your experience with our product. Please be specific about what you liked or disliked, including any features that stood out to you. If applicable, mention how long you've been using our product, any issues you encountered, and suggestions for improvement. Detailed reviews help us enhance our offerings and assist other customers in making informed decisions. Thank you for taking the time to share your thoughts!\"\n      onSubmit={handleSubmit}\n      submitText=\"Submit Review\"\n      submittedText=\"Review Submitted Successfully!\"\n      splitLayout={true}\n    >\n      <RatingInputField\n        id=\"satisfaction\"\n        name=\"satisfaction\"\n        label=\"Rating\"\n        errorMessage=\"Please rate your satisfaction\"\n        numberOfOptions={5}\n        required={true}\n      />\n      <TextInputField\n        id=\"title\"\n        name=\"title\"\n        label=\"Review Title\"\n        errorMessage=\"Name is required\"\n        required={true}\n      />\n      <TextAreaField\n        id=\"message\"\n        name=\"message\"\n        label=\"Your Review\"\n        errorMessage=\"Please provide a review\"\n        required={true}\n        maxlength={5000}\n      />\n      <TextInputField\n        id=\"nickname\"\n        name=\"nickname\"\n        label=\"Nickname\"\n        placeholder=\"Review Title\"\n        errorMessage=\"Name is required\"\n        required={true}\n      />\n      <DropdownField\n        id=\"age\"\n        name=\"age\"\n        label=\"Age Range\"\n        options={[\"18-24\", \"25-34\", \"35-44\", \"45-54\", \"55-64\", \"65+\"]}\n        placeholder=\"Select your age range\"\n        errorMessage=\"Please select a category\"\n        required={false}\n      />\n      <DropdownField\n        id=\"gender\"\n        name=\"gender\"\n        label=\"Gender\"\n        options={[\"Male\", \"Female\", \"Other\"]}\n        placeholder=\"Select your gender\"\n        errorMessage=\"Please select a category\"\n        required={false}\n      />\n    </Form>\n  );\n};\n\nexport default SampleForm;\n",
      "type": "registry:block",
      "target": "react/block/review-form.tsx"
    }
  ]
}