{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "support-box-demo",
  "title": "Support Box Demo",
  "description": "An expandable and animated support widget with quick help actions using Framer Motion.",
  "registryDependencies": [
    "@gammaui/support-box"
  ],
  "files": [
    {
      "path": "registry/example/support-box-demo.tsx",
      "content": "\"use client\"\n\nimport {\n  IconBook,\n  IconBug,\n  IconBulb,\n  IconMessageCircle,\n} from \"@tabler/icons-react\"\nimport { toast } from \"sonner\"\n\nimport { SupportBox } from \"@/registry/gammaui/support-box\"\n\nexport default function SupportBoxDemo() {\n  const helpItems = [\n    {\n      title: \"Contact Support\",\n      description: \"Chat with our support team for assistance.\",\n      icon: <IconMessageCircle size={22} stroke={1.5} />,\n      onPress: () => toast(\"Opening support chat...\"),\n    },\n    {\n      title: \"Documentation\",\n      description: \"Browse our guides and API documentation.\",\n      icon: <IconBook size={22} stroke={1.5} />,\n      onPress: () => toast(\"Opening documentation...\"),\n    },\n    {\n      title: \"Report a Bug\",\n      description: \"Found an issue? Let us know!\",\n      icon: <IconBug size={22} stroke={1.5} />,\n      onPress: () => toast(\"Redirecting to bug report form...\"),\n    },\n    {\n      title: \"Request a Feature\",\n      description: \"Suggest improvements or new features.\",\n      icon: <IconBulb size={22} stroke={1.5} />,\n      onPress: () => toast(\"Opening feature request page...\"),\n    },\n  ]\n\n  return (\n    <div className=\"flex items-center justify-center p-6\">\n      <SupportBox title=\"Need Help?\" items={helpItems} />\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}