owl-stream/app/components/LiveStream.tsx
2024-10-26 20:00:25 -04:00

24 lines
701 B
TypeScript

import React from 'react';
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
interface LiveStreamProps {
id: string;
}
const LiveStream: React.FC<LiveStreamProps> = ({ id }) => {
return (
<Card className="bg-black/30 border-accent/50 backdrop-blur-sm">
<CardHeader>
<CardTitle className="text-accent neon-glow">Live Cam {id}</CardTitle>
</CardHeader>
<CardContent>
<div className="bg-black aspect-video flex items-center justify-center rounded-md border border-accent/30">
<p className="text-accent">Livestream {id} placeholder</p>
</div>
</CardContent>
</Card>
);
};
export default LiveStream;