import { FC } from "react";

import popAnhui from "./弹窗安徽.png";
import popJiangsu from "./弹窗江苏.png";
import popShanghai from "./弹窗上海.png";
import popZhejiang from "./弹窗浙江.png";

import bgJituan from "./大屏-集团.png";
import bgShichang from "./大屏-市场部.png";

import classes from "./bigscreen.module.css";

type Props = {
  bg?: "jituan" | "shichang";
};

export const BigScreen: FC<Props> = (props) => {
  const { bg } = props;
  const bgUrl = bg == "jituan" ? bgJituan : bgShichang;
  return (
    <div
      className={classes.screen}
      style={{
        backgroundImage: `url("${bgUrl}")`,
      }}
    >
      <div
        className={classes.pop}
        style={{
          top: "662px",
          left: "533px",
        }}
      >
        <img src={popZhejiang}></img>
      </div>
      <div
        className={classes.pop}
        style={{
          top: "252px",
          left: "503px",
        }}
      >
        <img src={popJiangsu}></img>
      </div>
      <div
        className={classes.pop}
        style={{
          top: "380px",
          left: "303px",
        }}
      >
        <img src={popAnhui}></img>
      </div>
      <div
        className={classes.pop}
        style={{
          top: "480px",
          left: "650px",
        }}
      >
        <img src={popShanghai}></img>
      </div>
    </div>
  );
};
