import TextInfoPanel from "@/components/common/TextInfoPanel";
import ChartPanel from "../ChartPanel";
import Legend from "./Legend";
import ViewerOne from "./ViewerOne";
import ViewerTwo from "./ViewerTwo";
import ViewerThree from "./ViewerThree";
import styles from "./index.module.less";

function SceneOne() {
  return (
    <div className={styles.sceneOne}>
      <div className="domain-viewers">
        <ViewerOne />
        <ViewerTwo />
        <ViewerThree />
      </div>
      <div className="domain-info">
        <div className="left-panel">
          <TextInfoPanel content="利用GISTEMP资料，通过EEMD分解方法提取两极温度多年代际变化序列，发现南北极温度变化的跷跷板现象与大西洋多年代际振荡AMO紧密相关。而AMO与热带大西洋经向模AMM在年代际尺度上显著相关。ERA5再分析资料显示AMM可以通过Rossby波影响西南极的气温与海冰偶极子。因此，AMM可能在联系南北极气候变化的中起到了重要的媒介作用。" />
        </div>
        <div className="right-panel">
          <ChartPanel />
        </div>
      </div>
      <Legend />
    </div>
  );
}

export default SceneOne;
