import { useMount } from "ahooks";
import autoFit from "autofit.js";
import bg from "~/assets/images/public/white/bg.png";
import Header from "~/pages/Container/Share/components/Header";
import CenterPanel from "~/pages/Container/WhiteBranchOffice/components/CenterPanel";
import LeftPanel from "~/pages/Container/WhiteBranchOffice/components/LeftPanel";
import RightPanel from "~/pages/Container/WhiteBranchOffice/components/RightPanel";
import "./index.less";

function WhiteBranchOffice() {
  useMount(() => {
    autoFit.init({ dw: 1920, dh: 1080, el: ".white_branch_office", resize: true });
  });

  return (
    <div className="white_branch_office" style={{ backgroundImage: `url(${bg})` }}>
      <Header />
      <div className="white_branch_office_container">
        <LeftPanel />
        <CenterPanel />
        <RightPanel />
      </div>
    </div>
  );
}

export default WhiteBranchOffice;
