import Logo from "@/src/components/general/logo";
import Row from "@/twui/components/layout/Row";
import { PropsWithChildren } from "react";
import HeaderUser from "./(partials)/header-user";

type Props = PropsWithChildren & {};

export default function Header({ children }: Props) {
    return (
        <header className="col-span-6">
            <Row className="w-full grid grid-cols-6 grid-frame nested-grid-frame">
                <Row className="h-full items-stretch grid-cell col-span-3 xl:col-span-1 w-full justify-between">
                    <Row className="px-4">
                        <Logo />
                    </Row>
                    {/* <Divider vertical className="-mr-[7px]" /> */}
                </Row>
                <Row className="grid-cell col-span-4 hidden xl:block"></Row>
                <Row className="grid-cell col-span-3 xl:col-span-1">
                    <Row className="p-4 w-full justify-end">
                        <HeaderUser />
                    </Row>
                </Row>
            </Row>
        </header>
    );
}
