"use client"

import Dashboard from "@/components/Dashboard";
import Sort from "@/components/Sort";
import { Grid, Hidden } from "@mui/material";

export default function DashboardLayout({
    children,
}: {
    children: React.ReactNode;
}) {
    return (
        <section>
            <Grid container spacing={2}>
                <Grid item xs={2}>
                    <Dashboard />
                </Grid>

                <Grid item xs={10} md={8}>
                    {children}
                </Grid>

                <Hidden mdDown>
                    <Grid item xs={2}>
                        <Sort />
                    </Grid>
                </Hidden>
            </Grid>
        </section>
    );
}