{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "video-player",
  "type": "registry:component",
  "title": "Video Player",
  "description": "Custom video player with controls.",
  "dependencies": [
    "media-chrome"
  ],
  "files": [
    {
      "path": "registry/new-york/blocks/landing-page/components/video-player.tsx",
      "content": "'use client';\nimport {\n  MediaControlBar,\n  MediaController,\n  MediaMuteButton,\n  MediaPlayButton,\n  MediaSeekBackwardButton,\n  MediaSeekForwardButton,\n  MediaTimeDisplay,\n  MediaTimeRange,\n  MediaVolumeRange,\n} from 'media-chrome/react';\nimport type { ComponentProps, CSSProperties } from 'react';\nimport { cn } from '@/lib/utils';\nexport type VideoPlayerProps = ComponentProps<typeof MediaController>;\nconst variables = {\n  '--media-primary-color': 'var(--primary)',\n  '--media-secondary-color': 'var(--background)',\n  '--media-text-color': 'var(--foreground)',\n  '--media-background-color': 'var(--background)',\n  '--media-control-hover-background': 'var(--accent)',\n  '--media-font-family': 'var(--font-sans)',\n  '--media-live-button-icon-color': 'var(--muted-foreground)',\n  '--media-live-button-indicator-color': 'var(--destructive)',\n  '--media-range-track-background': 'var(--border)',\n} as CSSProperties;\nexport const VideoPlayer = ({ style, ...props }: VideoPlayerProps) => (\n  <MediaController\n    suppressHydrationWarning={true}\n    style={{\n      ...variables,\n      ...style,\n    }}\n    {...props}\n  />\n);\nexport type VideoPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;\nexport const VideoPlayerControlBar = (props: VideoPlayerControlBarProps) => (\n  <MediaControlBar {...props} />\n);\nexport type VideoPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;\nexport const VideoPlayerTimeRange = ({\n  className,\n  ...props\n}: VideoPlayerTimeRangeProps) => (\n  <MediaTimeRange className={cn('p-2.5', className)} {...props} />\n);\nexport type VideoPlayerTimeDisplayProps = ComponentProps<\n  typeof MediaTimeDisplay\n>;\nexport const VideoPlayerTimeDisplay = ({\n  className,\n  ...props\n}: VideoPlayerTimeDisplayProps) => (\n  <MediaTimeDisplay className={cn('p-2.5', className)} {...props} />\n);\nexport type VideoPlayerVolumeRangeProps = ComponentProps<\n  typeof MediaVolumeRange\n>;\nexport const VideoPlayerVolumeRange = ({\n  className,\n  ...props\n}: VideoPlayerVolumeRangeProps) => (\n  <MediaVolumeRange className={cn('p-2.5', className)} {...props} />\n);\nexport type VideoPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;\nexport const VideoPlayerPlayButton = ({\n  className,\n  ...props\n}: VideoPlayerPlayButtonProps) => (\n  <MediaPlayButton className={cn('p-2.5', className)} {...props} />\n);\nexport type VideoPlayerSeekBackwardButtonProps = ComponentProps<\n  typeof MediaSeekBackwardButton\n>;\nexport const VideoPlayerSeekBackwardButton = ({\n  className,\n  ...props\n}: VideoPlayerSeekBackwardButtonProps) => (\n  <MediaSeekBackwardButton className={cn('p-2.5', className)} {...props} />\n);\nexport type VideoPlayerSeekForwardButtonProps = ComponentProps<\n  typeof MediaSeekForwardButton\n>;\nexport const VideoPlayerSeekForwardButton = ({\n  className,\n  ...props\n}: VideoPlayerSeekForwardButtonProps) => (\n  <MediaSeekForwardButton className={cn('p-2.5', className)} {...props} />\n);\nexport type VideoPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;\nexport const VideoPlayerMuteButton = ({\n  className,\n  ...props\n}: VideoPlayerMuteButtonProps) => (\n  <MediaMuteButton className={cn('p-2.5', className)} {...props} />\n);\nexport type VideoPlayerContentProps = ComponentProps<'video'>;\nexport const VideoPlayerContent = ({\n  className,\n  ...props\n}: VideoPlayerContentProps) => (\n  <video \n    className={cn('mt-0 mb-0', className)} \n    suppressHydrationWarning={true}\n    {...props} \n  />\n);",
      "type": "registry:ui"
    }
  ]
}