teste.tsx

import { useState } from 'react'
import React from 'react'
import './rightSide.css'

type rightSideProps = {
  resultadoIMC: number;
}

function RightSide({resultadoIMC}: rightSideProps) {
  return (
    <div className='main'>
      {
        resultadoIMC <= 18.5 ? (
          <div className='magreza'>
            <div className='magrezaBlock'>
              <img src="../../public/img/imagens/down.png" alt="" className='tumbsM' />
              <h1>Magreza</h1>
              <span>IMC está entre 0 e 18.5</span>
            </div>
          </div>
        ) : resultadoIMC <= 24.9 ? (
          <div className='sobrepeso'>
            <div className='normalBlock'>
              <img src="../../public/img/imagens/up.png" alt="" className='tumbsN' />
              <h1>Normal</h1>
              <span>IMC está entre 18.5 e 24.9</span>
            </div>
          </div>
        ) : (
          <div className='obesidadeBlock'>
            <div className='obesidadeBlock'>
              <img src="../../public/img/imagens/down.png" alt="" className='tumbsO' />
              <h1>Obesidade</h1>
              <span>IMC está entre 30 e 99</span>
            </div>
          </div>
        )
      }
    </div>
  )
}

export default RightSide