import LinkList from "@/twui/components/elements/LinkList";
import Main from "@/twui/components/layout/Main";
import Row from "@/twui/components/layout/Row";
import Stack from "@/twui/components/layout/Stack";
import { PropsWithChildren } from "react";
import { AdminAsideLinks } from "./(data)/links";
import Header from "./header";

type Props = PropsWithChildren & {};

export default function Layout({ children }: Props) {
    return (
        <Main className="w-screen h-screen overflow-hidden p-4 lg:p-10">
            <div className="grid-frame grid-cols-6 w-full h-full grid-rows-[64px_47px] xl:grid-rows-[64px_auto]">
                <Header />
                <Stack className="grid-cell col-span-6 xl:col-span-1">
                    <LinkList
                        links={AdminAsideLinks}
                        className="w-full xl:flex-col"
                        linkProps={{
                            className: "turboci-admin-aside-link",
                        }}
                    />
                </Stack>
                <Stack className="grid-cell col-span-6 xl:col-span-5">
                    {children}
                </Stack>
            </div>
        </Main>
    );
}