Post Video

1'use client';
2 
3import React from 'react';
4import ReactPlayer from 'react-player/lazy';
5import { cn } from '@/lib/utils/deso';
6 
7export interface PostVideoProps {
8  url: string;
9  className?: string;
10}
11 
12export const PostVideo: React.FC<PostVideoProps> = ({ url, className }) => {
13  return (
14    <div
15      className={cn('mt-2 rounded-lg overflow-hidden border border-border', className)}
16    >
17      <div className="relative pt-[56.25%]">
18        <ReactPlayer
19          className="absolute top-0 left-0"
20          url={url}
21          width="100%"
22          height="100%"
23          controls
24        />
25      </div>
26    </div>
27  );
28};