mirror of
https://github.com/vercel/flags.git
synced 2026-09-19 03:49:23 +08:00
Hayden Bleasel
cf9ccd0076
* Scaffold Geistdocs instance * Update biome.json * Replace content * Re-path docs * Update docs package name * Misc fixes * Update geistdocs.tsx * Move content to correct folder * Start migrating custom components * Finish migrating custom components * Migrate existing redirects * Remove #next suffixes from code blocks * Migrate homepage and flags * Remove duplicate lockfiles * Start fixing homepage * Replace Geist components * Fix colors * Improve layout * Fix code blocks * Fix hero * Fix illustrations * Fix redirect * Fix nav links * Patch in FrameworkSwitcher * Bump Next.js in docs * Delete turbo.json * Misc fixes * More logo fixes
17 lines
429 B
TypeScript
17 lines
429 B
TypeScript
import type { ComponentProps } from "react";
|
|
import ReactPlayer from "react-player";
|
|
|
|
type VideoProps = ComponentProps<typeof ReactPlayer>;
|
|
|
|
export const Video = (props: VideoProps) => (
|
|
<div className="not-prose relative mb-6 aspect-video w-full overflow-hidden rounded-lg bg-black">
|
|
<ReactPlayer
|
|
{...props}
|
|
className="absolute inset-0"
|
|
controls
|
|
height="100%"
|
|
width="100%"
|
|
/>
|
|
</div>
|
|
);
|