import { CameraFlyTo } from "resium";
import { Cartesian3 } from "cesium";
import MapLayout from "@/components/map/Layout";
import ViewerImageLayer from "./ViewerImageLayer";
import WavePoint from "@/components/common/WavePoint";

function ViewerTwo({ children }) {
  return (
    <div className="domain-viewer">
      <MapLayout>
        <ViewerImageLayer />
        <CameraFlyTo
          duration={5}
          destination={Cartesian3.fromDegrees(0, 88, 10000000)}
        />
        <WavePoint
          color={"WHITE"}
          stationLon={0}
          stationLat={87}
          labelText={"北极"}
        />
        {children}
      </MapLayout>
    </div>
  );
}

export default ViewerTwo;
