import { useState } from 'react';
import { Bookmark, ChevronDown } from 'lucide-react';

import { cn } from '@/lib/utils';

type TableOfContentsProps = {
  children: React.ReactNode;
  title: string;
  src: string;
};

export function Video({ children, title, src }: TableOfContentsProps) {
 

  return (
    <section className="mt-8 flex w-full flex-col rounded bg-slate-300/50 dark:bg-slate-600/50 sm:w-fit">
        <video controls style={{ width: '960px' }}>
            <source src={src} />
        </video>
    </section>
  );
}
