← Назадimport { Youtube, FolderOpen } from 'lucide-react';
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '../ui/card';
import { Button } from '../ui/button';
import { Badge } from '../ui/badge';
interface YouTubeCardProps {
onViewTasks: () => void;
onViewFiles?: () => void;
}
export function YouTubeCard({ onViewTasks, onViewFiles }: YouTubeCardProps) {
return (
<Card className="border-l-4 border-l-youtube transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:shadow-youtube/10">
<CardHeader>
<div className="flex items-start justify-between">
<div className="flex items-center gap-3">
<div className="p-3 rounded-xl bg-youtube/20">
<Youtube className="w-6 h-6 text-youtube" />
</div>
<div>
<CardTitle>YouTube AI Channel</CardTitle>
<CardDescription>AI-контент канал</CardDescription>
</div>
</div>
<Badge variant="success">ACTIVE</Badge>
</div>
</CardHeader>
<CardContent>
<div className="grid grid-cols-1 gap-4">
<div className="bg-white/5 rounded-xl p-4 border border-white/5 flex items-center justify-between">
<div className="flex items-center gap-2 text-sm text-gray-400">
<Youtube className="w-4 h-4 text-youtube" />
Каналов
</div>
<div className="text-2xl font-bold text-white">1</div>
</div>
</div>
</CardContent>
<CardFooter className="gap-2">
<Button variant="ghost" size="sm" onClick={onViewTasks}>
Задачи
</Button>
{onViewFiles && (
<Button variant="ghost" size="sm" onClick={onViewFiles}>
<FolderOpen className="w-4 h-4" />
Файлы
</Button>
)}
</CardFooter>
</Card>
);
}