callout react

<div class="ms-CalloutExample">
  <div class="ms-Callout is-hidden">
    <div class="ms-Callout-main">
      <div class="ms-Callout-header">
        <p class="ms-Callout-title">All of your favorite people</p>
      </div>
      <div class="ms-Callout-inner">
        <div class="ms-Callout-content">
          <p class="ms-Callout-subText">Message body is optional. If help documentation is available, consider adding a link to learn more at the bottom.</p>
        </div>
        <div class="ms-Callout-actions">
          <a class="ms-Link">Learn more</a> 
        </div>
      </div>
    </div>
  </div>
  <div class="ms-CalloutExample-button">
    <button class="ms-Button">
      <span class="ms-Button-label">Open Callout</span> 
    </button>
  </div>
</div>