@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
65 lines • 2.22 kB
TypeScript
import React, { type ComponentPropsWithoutRef } from 'react';
export type MinimalVideoPlayerProps = Omit<ComponentPropsWithoutRef<'video'>, 'autoPlay' | 'controls' | 'defaultMuted' | 'muted' | 'onVolumeChange' | 'playsInline' | 'title'> & {
/**
* Plays the video when it is visible.
* @default true
*/
autoPlay?: boolean;
/**
* Provides an accessible name for the video.
*/
title: string;
/**
* Customizable labels for the internal play and pause control.
*/
internalAccessibleLabels?: {
play: string;
pause: string;
};
['data-testid']?: string;
};
export declare const _MinimalVideoPlayer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "ref">, "title" | "autoPlay" | "controls" | "muted" | "playsInline" | "onVolumeChange" | "defaultMuted"> & {
/**
* Plays the video when it is visible.
* @default true
*/
autoPlay?: boolean;
/**
* Provides an accessible name for the video.
*/
title: string;
/**
* Customizable labels for the internal play and pause control.
*/
internalAccessibleLabels?: {
play: string;
pause: string;
};
"data-testid"?: string;
} & React.RefAttributes<HTMLVideoElement>>;
export declare const MinimalVideoPlayer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "ref">, "title" | "autoPlay" | "controls" | "muted" | "playsInline" | "onVolumeChange" | "defaultMuted"> & {
/**
* Plays the video when it is visible.
* @default true
*/
autoPlay?: boolean;
/**
* Provides an accessible name for the video.
*/
title: string;
/**
* Customizable labels for the internal play and pause control.
*/
internalAccessibleLabels?: {
play: string;
pause: string;
};
"data-testid"?: string;
} & React.RefAttributes<HTMLVideoElement>> & {
testIds: {
root: string;
readonly video: string;
readonly control: string;
};
};
//# sourceMappingURL=MinimalVideoPlayer.d.ts.map