React - conditional rendering for show and hide when element is present

Question

<span
  css={css`
    background-image: url('/images/current-listings/bed.png');
  `}
>
  //Combine variable and HTML text
  {beds === 0 ? <>Studio</> : <>{`${beds} beds`} </>}
  
  //variable only 
  {beds === 0 ? <>Studio</> : <>{beds} </>}
</span>