{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "error-dialog",
  "title": "Error Dialog",
  "description": "An alert dialog that presents and dismisses playback errors.",
  "dependencies": [
    "@videojs/react@10.0.0-beta.32",
    "react"
  ],
  "registryDependencies": [
    "@videojs/_resolve-class-name",
    "@videojs/_style-dialog",
    "@videojs/_style-theme",
    "@videojs/button"
  ],
  "files": [
    {
      "path": "ui/files/error-dialog/error-dialog.tsx",
      "content": "/** @jsxImportSource react */\n\nimport '../styles/dialog.css';\nimport '../styles/theme.css';\nimport { ErrorDialog as ErrorDialogPrimitive } from '@videojs/react';\n\nimport { Button } from '@/components/videojs/ui/button';\n\nexport function ErrorDialog() {\n  return (\n    <ErrorDialogPrimitive.Root>\n      <ErrorDialogPrimitive.Backdrop className={'media-dialog-backdrop'} />\n      <ErrorDialogPrimitive.Popup className={'media-dialog-popup'}>\n        <div className={'media-dialog-content'}>\n          <ErrorDialogPrimitive.Title className={'media-dialog-title'} />\n          <ErrorDialogPrimitive.Description className={'media-dialog-description'} />\n        </div>\n        <div className={'media-dialog-actions'}>\n          <ErrorDialogPrimitive.Close render={<Button />} className={'media-dialog-close'} />\n        </div>\n      </ErrorDialogPrimitive.Popup>\n    </ErrorDialogPrimitive.Root>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/videojs/ui/error-dialog.tsx"
    }
  ],
  "meta": {
    "framework": "react",
    "style": "css",
    "role": "component",
    "styling": "css",
    "public": true
  },
  "docs": "Installs `@/components/videojs/ui/error-dialog.tsx` for use inside a compatible Video.js Player or Skin.\n\n```tsx\nimport { ErrorDialog } from '@/components/videojs/ui/error-dialog';\n\nexport function Controls() {\n  return <ErrorDialog />;\n}\n```",
  "categories": [
    "media",
    "feedback"
  ],
  "type": "registry:ui"
}