mirror of
https://github.com/lucasrcsantana/story-generator.git
synced 2025-12-18 14:27:51 +00:00
021ef87203
- Alinha o visual das páginas com o padrão do StudentsPage - Ajusta espaçamentos, cores e tipografia - Melhora a consistência dos componentes de lista - Adiciona tratamento de erros uniforme - Padroniza os estados de loading e empty
24 lines
718 B
TypeScript
24 lines
718 B
TypeScript
import React from 'react';
|
|
import { LucideIcon } from 'lucide-react';
|
|
|
|
interface StatsCardProps {
|
|
icon: LucideIcon;
|
|
title: string;
|
|
value: number;
|
|
iconBgColor: string;
|
|
iconColor: string;
|
|
}
|
|
|
|
export function StatsCard({ icon: Icon, title, value, iconBgColor, iconColor }: StatsCardProps) {
|
|
return (
|
|
<div className="bg-white rounded-2xl p-6 flex items-center gap-4 border border-gray-200 shadow-sm">
|
|
<div className={`w-12 h-12 rounded-xl ${iconBgColor} flex items-center justify-center`}>
|
|
<Icon className={`h-6 w-6 ${iconColor}`} />
|
|
</div>
|
|
<div>
|
|
<p className="text-gray-600">{title}</p>
|
|
<p className="text-3xl font-bold">{value}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|