27 lines
836 B
TypeScript
27 lines
836 B
TypeScript
import { Card, CardContent } from '@heroui/react';
|
|
import type { ReactNode } from 'react';
|
|
|
|
type Props = {
|
|
icon: ReactNode;
|
|
label: string;
|
|
value: number;
|
|
};
|
|
|
|
export function ActivityTile({ icon, label, value }: Props) {
|
|
return (
|
|
<Card className="border border-default-100 bg-default-50/20">
|
|
<CardContent className="flex flex-row items-center justify-between gap-4 p-4">
|
|
<div className="flex items-center gap-3">
|
|
<div className="flex size-10 items-center justify-center rounded-xl bg-primary-500/10 text-primary-400">
|
|
{icon}
|
|
</div>
|
|
<div>
|
|
<div className="text-tiny uppercase tracking-widest text-default-500">{label}</div>
|
|
<div className="text-2xl font-black">{value}</div>
|
|
</div>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|