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

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

  return (
    <div className="white_share_office" style={{ backgroundImage: `url(${bg})` }}>
      <Header history={props.history} />
      <div className="white_share_office_content">
        <div className="left">
          <Left />
        </div>
        <div className="middle">
          <Middle />
        </div>
        <div className="right">
          <Right />
        </div>
      </div>
    </div>
  );
}

export default Share;
