import {DashboardCard} from "@/components/card";
import {NoDataOverlay} from "@/components/noDataOverlay";
import {ReactNode} from "react";
import CustomTable from "@/components/table";
import {ICustomTable} from "@/types";

interface DashboardCardProps {
    title: ReactNode;
    data: ReactNode;
    configuration: ICustomTable;
}

export const RecentActivity = (props: DashboardCardProps) => {
    const {title, data, configuration} = props;
    return (
        <DashboardCard title={title}>
            {/*<div className="flex w-full justify-center align-middle">*/}
            {/*    <NoDataOverlay label="No Activity yet"/>*/}
            {/*</div>*/}

            <div>
                <CustomTable data={data} configuration={configuration}/>
            </div>
        </DashboardCard>
    );
};
