import Activities from "@/components/layoutPanel/userDetail/Activities";
import AmountOfIncome from "./amountOfIncome";
import Cards from "./Cards";
import List from "./list";

function DashboardPage({ data }) {
    return (
        <div className="flex mt-[4px] flex-col gap-[20px] opacity-page">
            <Cards data={data} />
            <List data={data} />
            <AmountOfIncome data={data} />
            <div className="flex xl:hidden">
                <Activities data={data} />
            </div>
        </div>
    )
}

export default DashboardPage