Quiero cambiar el tamaño de un botón en función de los datos de accesorios, si hay datos de accesorios, el tamaño del botón debe ser diferente y, si no hay datos de accesorios, el tamaño del botón debe ser diferente.

 <div className='projectBtn'> <a href={props.liveWebsite} target='_blank'> <button className='liveWebsiteBtn'>Live Website</button> </a> <a href={props.github} target='_blank'> <button className='githubBtn' hidden={!props.github}> Github Code </button> </a> </div>;

Por qué se supone que debo ocultarlo porque si no hay datos, entonces el botón GitHub debería estar deshabilitado.

Aquí está mi archivo de fuente de datos Sdata.jsx

 const Sdata = [ { imgsrc: jokes, title: "Jokes Web App using API", desc: "This React-JS Jokes App built up using API.", tech1: "React", tech2: "Jokes API", tech3: "Axios", tech4: "Github", liveWebsite:"example.com", github: "example.com" },