25 lines
794 B
TypeScript
25 lines
794 B
TypeScript
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;
|