text: import React from 'react';
  import '../index.css';
  
  const pages = ['Home', 'Platforms', 'Experiences', 'Contact'];
  export default function TopMenu(props) {
      const { isMobile, dataRef } = props;
      const handleCloseMenu = (event,select) => {
          event.preventDefault();
          if(select='Home'){
              dataRef[0].current.scrollIntoView({ behavior: 'smooth' });
          }
          if(select='Platforms'){
              dataRef[1].current.scrollIntoView({ behavior: 'smooth' });
          }
          if(select='Experiences'){
              dataRef[2].current.scrollIntoView({ behavior: 'smooth' });
          }
          if(select='Contact'){
              dataRef[3].current.scrollIntoView({ behavior: 'smooth' });
          }
      }
      return (
          <div className='top_menu' style={isMobile ? {height:'18rem'}:{height:'10rem'}}>
              <img 
                  src='https://alf0ns0-l0pez.github.io/Portfolio/img/al_logo.png' 
                  className={isMobile ? 'logo_menu_mobile':'logo_menu'} 
                  alt="..."/>
              
  
              {/*!isMobile?<form style={{marginRight:'4rem'}}>{pages.map((page) => (
                  <button
                      className={page=='Home'?'button_menu_home':'button_menu'}
                      key={page}
                      onClick={() =>handleCloseMenu(page)}
                  >
                      <b>{page}</b>
                  </button>
              ))}</form>:<div/>*/}
          </div>
      );
  };