{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-108",
  "type": "registry:component",
  "registryDependencies": [
    "https://coss.com/origin/r/button.json"
  ],
  "files": [
    {
      "path": "registry/default/components/comp-108.tsx",
      "content": "import { EllipsisIcon, FilesIcon, FilmIcon } from \"lucide-react\";\n\nimport { Button } from \"@/registry/default/ui/button\";\n\nexport default function Component() {\n  return (\n    <div className=\"-space-x-px inline-flex rounded-md shadow-xs rtl:space-x-reverse\">\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n      >\n        <FilesIcon aria-hidden=\"true\" className=\"-ms-1 opacity-60\" size={16} />\n        Files\n      </Button>\n      <Button\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        variant=\"outline\"\n      >\n        <FilmIcon aria-hidden=\"true\" className=\"-ms-1 opacity-60\" size={16} />\n        Media\n      </Button>\n      <Button\n        aria-label=\"Menu\"\n        className=\"rounded-none shadow-none first:rounded-s-md last:rounded-e-md focus-visible:z-10\"\n        size=\"icon\"\n        variant=\"outline\"\n      >\n        <EllipsisIcon aria-hidden=\"true\" size={16} />\n      </Button>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "style": 2,
    "tags": [
      "button",
      "toggle group",
      "dropdown"
    ]
  }
}