<div id="root"/></div>

body{
    background-color:gray;
}

.buttons{
  display:flex;
  justify-content:center;
  margin-top: 50px;
  padding:10px;
}

const App = () => {
    return (
      <div classname="main"> 
        <div className="buttons">
          <button class="button is-primary">Primary</button>
          <button class="button is-link">Link</button>
          <button class="button is-info">Info</button>
          <button class="button is-success">Success</button>
          <button class="button is-warning">Warning</button>
          <button class="button is-danger">Danger</button>
          <button class="button is-black">Black</button>
          <button class="button is-white">White</button>
          <button class="button is-dark">Dark</button>
          <button class="button is-light">Light</button>
        </div>
      </div>
    )
}

ReactDOM.render(<App/>, document.getElementById('root'))