{
  "name": "fps-strategy-demo",
  "type": "registry:example",
  "registryDependencies": [
    "fps"
  ],
  "files": [
    {
      "path": "examples/fps-strategy-demo.tsx",
      "type": "registry:example",
      "content": "import { Fps } from \"@/registry/bases/radix/ui/fps\";\n\nexport default function FpsStrategyDemo() {\n  return (\n    <div className=\"flex w-full flex-col gap-4\">\n      <div className=\"relative h-48 w-full rounded-lg border bg-muted/50 p-4\">\n        <Fps strategy=\"absolute\" position=\"top-right\" label=\"Absolute\" />\n        <div className=\"flex size-full flex-col items-center justify-center gap-1\">\n          <div>Absolute positioning</div>\n          <div className=\"text-sm text-muted-foreground\">\n            Relative to this container without a portal\n          </div>\n        </div>\n      </div>\n      <div className=\"relative h-48 w-full rounded-lg border bg-muted/50 p-4\">\n        <Fps strategy=\"fixed\" position=\"bottom-right\" label=\"Fixed\" />\n        <div className=\"flex size-full flex-col items-center justify-center gap-1\">\n          <div>Fixed positioning</div>\n          <div className=\"text-sm text-muted-foreground\">\n            Relative to viewport with a portal\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}