import type { LayoutProps } from "@/core/types/common";
import type { ReactNode } from "react";

import HeaderLogoWrapper from "@/core/components/_layout/header/logo";
/**
 * Authorization layout. It's specifics to login/registration routes only.\
 * Here is not any related to protected routes UI structure, the layout's routes have an authorization target only.
 * @param {LayoutProps & ParallelSlots<"sidebar">} props  common {@link LayoutProps} props object containing `children`
 * @return {Promise<React.ReactNode>}
 * @constructor
 */
export default async function Layout(props: LayoutProps): Promise<ReactNode> {

  return (
    <div className={"min-h-screen h-full pb-8 flex flex-col items-center bg-[#F6F6F6] px-4"}>
      <div className={"flex flex-col w-full max-w-[1440px] pt-5"}>
        <HeaderLogoWrapper />
        <section className={"flex-grow justify-center"}>
          <div className={`min-h-max pt-20 flex items-center justify-center`}>
            {props.children}
          </div>
        </section>
      </div>
    </div>
  );
}