optimize cursor guide resources

Author: 985563349

components/markdown.tsx

@@ -3,6 +3,7 @@ import { TinaMarkdown } from 'tinacms/dist/rich-text';
 import CodeSandboxEmbed from '@/components/code-sandbox-embed';
 import CodeBlock from '@/components/code-block';
 import GitHubGistEmbed from '@/components/github-gist-embed';
+import Video from '@/components/video';
 import Heading from '@/components/heading';
 import StackBlitzEmbed from '@/components/stack-blitz-embed';
 
@@ -12,6 +13,7 @@ export type MarkdownProps = Omit<TinaMarkdownProps, 'components'>;
 const components = {
   CodeSandboxEmbed,
   GitHubGistEmbed,
+  Video,
   Heading,
   StackBlitzEmbed,
   code_block: CodeBlock,

components/video.tsx

@@ -0,0 +1,14 @@
+export type VideoProps = {
+  type: string;
+  src: string;
+};
+
+const Video: React.FC<VideoProps> = (props) => {
+  return (
+    <video className="w-full border-none rounded-lg" preload="metadata" autoPlay loop muted playsInline>
+      <source src={props.src} type={props.type} />
+    </video>
+  );
+};
+
+export default Video;