UNPKG

@primer/react-brand

Version:

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

29 lines (28 loc) 1.28 kB
import React, { type HTMLProps, type FunctionComponent } from 'react'; import { type AnimateProps } from '../animation'; /** * Design tokens */ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/video-player/base.css'; import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css'; type VideoPlayerProps = { title: string; visuallyHiddenTitle?: boolean; showBranding?: boolean; animate?: AnimateProps; showPlayPauseButton?: boolean; showSeekControl?: boolean; showCCButton?: boolean; showMuteButton?: boolean; showVolumeControl?: boolean; showFullScreenButton?: boolean; playIcon?: FunctionComponent; } & HTMLProps<HTMLVideoElement>; export declare const VideoPlayer: React.ForwardRefExoticComponent<Omit<VideoPlayerProps, "ref"> & React.RefAttributes<HTMLVideoElement>> & { Source: (props: React.HTMLProps<HTMLSourceElement>) => import("react/jsx-runtime").JSX.Element; Track: ({ kind, ...rest }: React.HTMLProps<HTMLTrackElement>) => import("react/jsx-runtime").JSX.Element; Provider: React.ForwardRefExoticComponent<{ children?: React.ReactNode | undefined; } & React.RefAttributes<HTMLVideoElement>>; }; export {};