← Назадimport { BarChart2, 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 OptionsScreenerCardProps {
onViewTasks: () => void;
onViewFiles?: () => void;
}
export function OptionsScreenerCard({ onViewTasks, onViewFiles }: OptionsScreenerCardProps) {
return (
<Card className="border-l-4 border-l-options transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:shadow-options/10">
<CardHeader>
<div className="flex items-start justify-between">
<div className="flex items-center gap-3">
<div className="p-3 rounded-xl bg-options/20">
<BarChart2 className="w-6 h-6 text-options" />
</div>
<div>
<CardTitle>Опционный скринер</CardTitle>
<CardDescription>Анализ опционного рынка</CardDescription>
</div>
</div>
<Badge variant="success">ACTIVE</Badge>
</div>
</CardHeader>
<CardContent>
<div className="flex items-center justify-center py-6 text-gray-500 text-sm">
Мониторинг в разработке
</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>
);
}