"use client";

import { FiInbox } from "react-icons/fi";
import { IconType } from "react-icons";

interface EmptyStateProps {
    icon?: IconType;
    title?: string;
    description?: string;
}

const EmptyState = ({
    icon: Icon = FiInbox,
    title = "لا توجد بيانات حالياً",
    description
}: EmptyStateProps) => {
    return (
        <div className="flex-1 flex flex-col items-center justify-center py-16 text-center">
            <div className="w-20 h-20 rounded-full bg-[#F1F5F9] flex items-center justify-center mb-4">
                <Icon className="w-10 h-10 text-[#90A1B9]" />
            </div>
            <p className="text-[#45556C] font-semibold text-lg">{title}</p>
            {description && (
                <p className="text-[#90A1B9] text-sm mt-2 max-w-md">{description}</p>
            )}
        </div>
    );
};

export default EmptyState;