import React from 'react';
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";

interface OwlInfoProps {
  id: string;
}

const OwlInfo: React.FC<OwlInfoProps> = ({ id }) => {
  return (
    <Card className="bg-black/30 border-accent/50 backdrop-blur-sm">
      <CardHeader>
        <CardTitle className="text-accent neon-glow">About This Livestream</CardTitle>
      </CardHeader>
      <CardContent>
        <p className="text-sm text-foreground/80">
          This livestream (ID: {id}) showcases the natural habitat and behavior of wildlife in Florida. 
          By observing these animals in their natural environment, we can learn more about their needs and how to protect them.
        </p>
      </CardContent>
    </Card>
  );
};

export default OwlInfo;
