import AdminCard from "@/src/components/general/admin-card";
import ActivityRow from "../(partials)/activity-row";
import { ACTIVITY } from "../(data)/dashboard-mock-data";

export default function ActivitySection() {
    return (
        <AdminCard tier="secondary" className="w-full">
            <div className="px-5 pt-4 pb-1">
                <h2 className="text-[13.5px] font-medium text-foreground-light/60 dark:text-foreground-dark/60">
                    Recent activity
                </h2>
            </div>
            <ul className="divide-y divide-slate-200/60 dark:divide-white/5">
                {ACTIVITY.map((event) => (
                    <ActivityRow key={event.id} event={event} />
                ))}
            </ul>
        </AdminCard>
    );
}