@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
TypeScript
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 {};