import image4 from "./image-4.png";
import image5 from "./image-5.png";
import image6 from "./image-6.png";
import image7 from "./image-7.png";
import image8 from "./image-8.png";
import image9 from "./image-9.png";
import image10 from "./image-10.png";
import image12 from "./image-12.png";
import image13 from "./image-13.png";
import "./style.css";

export const Desktop = () => {
  return (
    <div className="desktop">
      <img className="image" alt="Image" src={image13} />
      <div className="rectangle" />
      <div className="div" />
      <div className="rectangle-2" />
      <div className="rectangle-3" />
      <div className="rectangle-4" />
      <div className="rectangle-5" />
      <div className="rectangle-6" />
      <div className="rectangle-7" />
      <div className="rectangle-8" />
      <div className="rectangle-9" />
      <div className="rectangle-10" />
      <img className="img" alt="Image" src={image12} />
      <img className="image-2" alt="Image" src={image4} />
      <img className="image-3" alt="Image" src={image5} />
      <img className="image-4" alt="Image" src={image6} />
      <img className="image-5" alt="Image" src={image7} />
      <img className="image-6" alt="Image" src={image8} />
      <img className="image-7" alt="Image" src={image9} />
      <img className="image-8" alt="Image" src={image10} />
      <div className="text-wrapper">Space</div>
      <div className="text-wrapper-2">Space</div>
      <div className="text-wrapper-3">Tiempo</div>
      <div className="text-wrapper-4">Relaciones</div>
      <div className="text-wrapper-5">Playlist</div>
      <div className="text-wrapper-6">Videos</div>
      <div className="text-wrapper-7">Fotos</div>
      <div className="text-wrapper-8">Noticias</div>
      <div className="text-wrapper-9">Personajes</div>
    </div>
  );
};