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;