text: import React from "react";
  import { Canvas } from "@react-three/fiber";
  import { Stars, Plane } from "@react-three/drei";
  import Mars from "../components/mars";
  import "../style/canvas.css";
  import { Suspense } from "react";
  
  function Landing() {
    return (
      <div id="canvas-container" data-testid="landing-test">
        <Canvas>
          <Stars />
          <Plane rotation-x={Math.PI / 2} args={[100, 100, 4, 4]}></Plane>
          <ambientLight intensity={0.1} />
          <directionalLight color="red" position={[0, 0, 5]} />
          <Suspense fallback={null}>
            <Mars />
  
            {/* <Environment
          frames={Infinity} 
          resolution={256}
          
    
              // path={'/'}
              // preset={'sunset'}
              // scene ={<Stars radius={100} depth={50} count={5000} factor={4} saturation={0} fade speed={1} />}
            >
            <Stars radius={100} depth={50} count={5000} factor={4} saturation={0} fade speed={1} />
            </Environment> */}
          </Suspense>
        </Canvas>
      </div>
    );
  }
  
  export default Landing;
  