> For the complete documentation index, see [llms.txt](https://shopify-1.gitbook.io/react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shopify-1.gitbook.io/react/1.-fundamentals/rendering/solution.md).

# Solution

```javascript
import React from 'react';
import ReactDOM from 'react-dom';

let count = 10;
let hasFire = (count > 99);

const badge = (
  <span className="badge">
    {count > 99 ? '99+' : count}
  </span>
);

const bell = (
  <div className={`bell ${hasFire ? 'has-fire' : ''}`}>
    {count > 0 ? badge : null}
  </div>
);

ReactDOM.render(
  bell,
  document.getElementById('container')
);
```