import React from 'react';

const CalloutSection = () => (
  <article className="article">
    <h2 className="article-title">Callout</h2>
    <div className="box box-default">
      <div className="box-body">

        <div className="callout callout-success">
          <h4>Callout heading</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?</p>
        </div>
        <div className="callout callout-info">
          <h4>Callout heading</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?</p>
        </div>
        <div className="callout callout-warning">
          <h4>Callout heading</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?</p>
        </div>
        <div className="callout callout-danger">
          <h4>Callout heading</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?</p>
        </div>

      </div>
    </div>
  </article>
    );

module.exports = CalloutSection;
