Componente para mostrar contenidos de la Orden

OrderCard.tsx

<div className="p-5 shadow-lg space-y-5 border border-gray-200 ">
      <div className='text-sm grid grid-cols-2 justify-between text-gray-600'>
        <h2>ID Orden: <span className='font-black'></span></h2>
        <p className='text-right'>Cliente: </p>
      </div>
      <div>
        Contenido: 
        <div></div>
      </div>

      <select onChange={() => {}} className='border border-gray-300 w-full p-2 text-center'>
    
      </select>

      <p className='text-right text-lg'>Total orden: 
        <span className='text-amber-400 font-black'>
        </span>
      </p>
    </div>