mediahub-fe/app/[locale]/(protected)/dashboard/analytics/components/recent-activity.tsx

"use client";

import {
  DockIcon,
  ImageIcon,
  MicIcon,
  PaperclipIcon,
  TextIcon,
  VideoIcon,
  YoutubeIcon,
} from "lucide-react";

const RecentActivity = () => {
  return (
    <div className="flex flex-col gap-5">
      <div className="flex flex-row items-center gap-3">
        <ImageIcon size={40} className="text-blue-700" />
        <p className="text-2xl">0 FOTO</p>
      </div>
      <div className="flex flex-row items-center gap-3">
        <YoutubeIcon size={40} className="text-blue-700" />
        <p className="text-2xl">0 AUDIO VISUAL</p>
      </div>
      <div className="flex flex-row items-center gap-3">
        <DockIcon size={40} className="text-blue-700" />
        <p className="text-2xl">0 TEXT</p>
      </div>
      <div className="flex flex-row items-center gap-3">
        <MicIcon size={40} className="text-blue-700" />
        <p className="text-2xl">0 AUDIO</p>
      </div>
    </div>
  );
};

export default RecentActivity;