"use client";

import "@ant-design/v5-patch-for-react-19";
import styles from "./layout.module.css";
import HomeSidebar from "@/app/home/components/home-sidebar/HomeSidebar";
import HomeTitleBar from "@/app/home/components/home-titlebar/HomeTitleBar";
import React, { useState } from "react";
import { SidebarChildVO } from "@/app/home/components/home-sidebar/HomeSidebarChild";

export default function HomeLayout({
  children
}: Readonly<{
  children: React.ReactNode;
}>) {
  const [title, setTitle] = useState<string>("");
  const onSelectedChange = (child: SidebarChildVO) => {
    setTitle(child.name);
  };

  return (
    <div className={`${styles.homeLayoutContainer}`}>
      <HomeSidebar onSelectedChangeAction={onSelectedChange} />
      <div className={`${styles.main}`}>
        <HomeTitleBar title={title} />
        {/* 主页面 */}
        <div className={`${styles.mainContent}`}>{children}</div>
      </div>
    </div>
  );
}