{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "\"use client\";\n\nimport { XIcon } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { Button } from \"~/registry/ui/button\";\n\nexport function ToastCustomDemo() {\n  return (\n    <Button\n      onPress={() =>\n        toast.custom((t) => (\n          <div className=\"flex w-full items-center rounded-lg border bg-popover p-4 shadow-lg md:max-w-[364px]\">\n            <div className=\"flex flex-1 items-center\">\n              <div className=\"w-full\">\n                <p className=\"font-medium text-sm\">Event has been created</p>\n                <p className=\"mt-1 text-muted-foreground text-sm\">\n                  Monday, January 3rd at 6:00pm\n                </p>\n              </div>\n            </div>\n\n            <Button\n              className=\"transform-(--toast-close-button-transform) absolute top-0 left-0 grid size-5 pressed:scale-95 cursor-pointer place-content-center rounded-full\"\n              onPress={() => toast.dismiss(t)}\n              size=\"icon\"\n              variant=\"secondary\"\n            >\n              <XIcon className=\"size-3\" />\n            </Button>\n          </div>\n        ))\n      }\n      variant=\"outline\"\n    >\n      Show Toast\n    </Button>\n  );\n}\n",
      "path": "src/registry/examples/toast/toast-custom-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "toast-custom-demo",
  "registryDependencies": [
    "@kanpeki/toast"
  ],
  "type": "registry:example"
}