import { type FC } from 'react'
import { type DashboardData } from '../types/Types'
import { Message } from 'iconsax-react'
import StatCard from './StatCard'

const UnreadCommentsSection: FC<{ data?: DashboardData }> = ({ data }) => {
    if (!data) return null

    return (
        <div className="space-y-6">
            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
                <StatCard
                    title="کامنت های خوانده نشده"
                    value={data.pendingComments}
                    icon={<Message size={24} color="#F59E0B" />}
                />
                <StatCard
                    title="پرسش های خوانده نشده"
                    value={data.pendingQuestions}
                    icon={<Message size={24} color="#8B5CF6" />}
                />
            </div>
        </div>
    )
}

export default UnreadCommentsSection
