{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-alert-15","type":"registry:block","title":"Inverted alert variant","description":"Inverted alert variant","dependencies":[],"registryDependencies":["@reui/alert","button","@reui/frame"],"files":[{"path":"c-alert-15.tsx","type":"registry:block","content":"import {\n  Alert,\n  AlertAction,\n  AlertDescription,\n  AlertTitle,\n} from \"@/components/reui/alert\"\nimport { Frame, FramePanel } from \"@/components/reui/frame\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto mb-auto w-full max-w-lg\">\n      <Frame>\n        <FramePanel className=\"overflow-hidden p-0!\">\n          <Alert variant=\"invert\" className=\"border-0 shadow-none\">\n            <IconPlaceholder\n              lucide=\"ZapIcon\"\n              tabler=\"IconBolt\"\n              hugeicons=\"ZapIcon\"\n              phosphor=\"LightningIcon\"\n              remixicon=\"RiFlashlightLine\"\n              className=\"text-yellow-500\"\n            />\n            <AlertTitle>Pro Feature</AlertTitle>\n            <AlertAction>\n              <Button\n                variant=\"outline\"\n                size=\"xs\"\n                className=\"bg-background/10 border-border/10\"\n              >\n                Dismiss\n              </Button>\n              <Button\n                size=\"xs\"\n                className=\"border-blue-800 bg-blue-500 text-white hover:border-blue-900 hover:bg-blue-600\"\n              >\n                Upgrade\n              </Button>\n            </AlertAction>\n            <AlertDescription>\n              This feature is only available for Pro users. Upgrade your plan to\n              get access.\n            </AlertDescription>\n          </Alert>\n        </FramePanel>\n      </Frame>\n    </div>\n  )\n}","target":"components/examples/c-alert-15.tsx"}],"meta":{"order":15}}