codehub_/resources/js/Components/DashboardComponents/ContentStatistics.tsx

import { Archive, Code, FileText, Hash } from "react-feather";

export default function ContentStatistics () {
    return (
        // For superadmin
        <div className="stats shadow w-full h-full rounded-lg py-2">
            <div className="stat h-full">
                <div className="stat-figure">
                    <Archive className="stroke-[#8338EC]" size={40} />
                </div>
                <div className="stat-title font-semibold text-black">Subject Categories</div>
                <div className="stat-value text-[#8338EC]">000</div>
                <div className="stat-desc"><span className="btn btn-link p-0 text-xs text-black">View all categories</span></div>
            </div>
            <div className="stat">
                <div className="stat-figure">
                    <FileText className="stroke-[#FF006E]" size={40} />
                </div>
                <div className="stat-title font-semibold text-black">Repository Pages</div>
                <div className="stat-value text-[#FF006E]">000</div>
                <div className="stat-desc"><span className="btn btn-link p-0 text-xs text-black">View all pages</span></div>
            </div>
            <div className="stat">
                <div className="stat-figure">
                    <Hash className="stroke-[#FB5607]" size={40} />
                </div>
                <div className="stat-title font-semibold text-black">Application Frameworks</div>
                <div className="stat-value text-[#FB5607]">000</div>
                <div className="stat-desc"><span className="btn btn-link p-0 text-xs text-black">View all frameworks</span></div>
            </div>
            <div className="stat">
                <div className="stat-figure">
                    <Code className="stroke-[#FFBE0B]" size={40} />
                </div>
                <div className="stat-title font-semibold text-black">Code Snippets</div>
                <div className="stat-value text-[#FFBE0B]">000</div>
                <div className="stat-desc text-black">Last added code snippets</div>
            </div>
        </div>
    )
}