{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-button-group-43","type":"registry:block","title":"Buy sell hold toggle group","description":"Buy sell hold toggle group","dependencies":[],"registryDependencies":["button","button-group"],"files":[{"path":"c-button-group-43.tsx","type":"registry:block","content":"\"use client\"\n\nimport { useState } from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { ButtonGroup } from \"@/components/ui/button-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst stances = [\n  {\n    id: \"buy\",\n    label: \"Buy\",\n    icon: (\n      <IconPlaceholder\n        lucide=\"TrendingUpIcon\"\n        tabler=\"IconTrendingUp\"\n        hugeicons=\"TrendUp01Icon\"\n        phosphor=\"TrendUpIcon\"\n        remixicon=\"RiStockLine\"\n        aria-hidden=\"true\"\n      />\n    ),\n  },\n  {\n    id: \"hold\",\n    label: \"Hold\",\n    icon: (\n      <IconPlaceholder\n        lucide=\"MinusIcon\"\n        tabler=\"IconMinus\"\n        hugeicons=\"Minus02Icon\"\n        phosphor=\"MinusIcon\"\n        remixicon=\"RiSubtractLine\"\n        aria-hidden=\"true\"\n      />\n    ),\n  },\n  {\n    id: \"sell\",\n    label: \"Sell\",\n    icon: (\n      <IconPlaceholder\n        lucide=\"TrendingDownIcon\"\n        tabler=\"IconTrendingDown\"\n        hugeicons=\"TrendDown01Icon\"\n        phosphor=\"TrendDownIcon\"\n        remixicon=\"RiArrowDownLine\"\n        aria-hidden=\"true\"\n      />\n    ),\n  },\n]\n\nexport function Pattern() {\n  const [active, setActive] = useState<string | null>(null)\n\n  return (\n    <ButtonGroup>\n      {stances.map((stance) => (\n        <Button\n          key={stance.id}\n          variant={active === stance.id ? \"default\" : \"outline\"}\n          onClick={() => setActive(active === stance.id ? null : stance.id)}\n        >\n          {stance.icon}\n          {stance.label}\n        </Button>\n      ))}\n    </ButtonGroup>\n  )\n}","target":"components/examples/c-button-group-43.tsx"}],"meta":{"order":43}}