import Row from "@/src/components/twui/layout/Row";
import Stack from "@/src/components/twui/layout/Stack";
import LogoIcon from "@/src/components/general/logo-icon";
import Divider from "@/src/components/twui/layout/Divider";
import AdminAsideLinks from "./admin-aside-links-dict";
import { twMerge } from "tailwind-merge";

type Props = {
    className?: string;
};

export default function AdminAside({ className }: Props) {
    return (
        <aside className={twMerge("min-w-[180px] mb-20", className)}>
            <Stack className="w-full items-stretch gap-0!">
                <Row className="py-2 px-4 h-20">
                    <a href="/">
                        <LogoIcon icon_size={60} />
                    </a>
                </Row>
                <Divider />
                <nav className="w-full">
                    <AdminAsideLinks />
                </nav>
                <Divider />
            </Stack>
        </aside>
    );
}