// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Badges.vue renders correctly 1`] = `
<div
  class="row"
>
  <div
    class="col-12 col-md-6"
  >
    <div
      class="card"
    >
      <header
        class="card-header"
      >
        <svg
          class="c-icon"
          viewBox="0 0 64 64"
          xmlns="http://www.w3.org/2000/svg"
        />
         
        <strong>
           Bootstrap Badge
        </strong>
         
        <div
          class="card-header-actions"
        >
          <a
            class="card-header-action"
            href="https://coreui.io/vue/docs/components/badge"
            rel="noreferrer noopener"
            target="_blank"
          >
            <small
              class="text-muted"
            >
              docs
            </small>
          </a>
        </div>
      </header>
       
      <div
        class="card-body"
      >
        <h2>
          Example heading 
          <span
            class="badge badge-primary"
          >
            New
          </span>
        </h2>
         
        <h3>
          Example heading 
          <span
            class="badge badge-primary"
          >
            New
          </span>
        </h3>
         
        <h4>
          Example heading 
          <span
            class="badge badge-primary"
          >
            New
          </span>
        </h4>
         
        <h5>
          Example heading 
          <span
            class="badge badge-primary"
          >
            New
          </span>
        </h5>
         
        <h6>
          Example heading 
          <span
            class="badge badge-primary"
          >
            New
          </span>
        </h6>
      </div>
       
      <footer
        class="card-footer"
      >
        <button
          class="btn btn-primary"
          type="button"
        >
          
          Notifications
          
          <span
            class="badge ml-2 position-static badge-light"
          >
            4
          </span>
        </button>
      </footer>
    </div>
  </div>
   
  <div
    class="col-12 col-md-6"
  >
    <div
      class="card"
    >
      <header
        class="card-header"
      >
        <svg
          class="c-icon"
          viewBox="0 0 64 64"
          xmlns="http://www.w3.org/2000/svg"
        />
         Badge
        
        <small>
          contextual variations
        </small>
      </header>
       
      <div
        class="card-body"
      >
        <span
          class="badge badge-primary"
        >
          Primary
        </span>
         
        <span
          class="badge badge-secondary"
        >
          Secondary
        </span>
         
        <span
          class="badge badge-success"
        >
          Success
        </span>
         
        <span
          class="badge badge-danger"
        >
          Danger
        </span>
         
        <span
          class="badge badge-warning"
        >
          Warning
        </span>
         
        <span
          class="badge badge-info"
        >
          Info
        </span>
         
        <span
          class="badge badge-light"
        >
          Light
        </span>
         
        <span
          class="badge badge-dark"
        >
          Dark
        </span>
      </div>
    </div>
     
    <div
      class="card"
    >
      <header
        class="card-header"
      >
        <svg
          class="c-icon"
          viewBox="0 0 64 64"
          xmlns="http://www.w3.org/2000/svg"
        />
         Badge
        
        <small>
          shape="pill"
        </small>
      </header>
       
      <div
        class="card-body"
      >
        <span
          class="badge badge-primary badge-pill"
        >
          Primary
        </span>
         
        <span
          class="badge badge-secondary badge-pill"
        >
          Secondary
        </span>
         
        <span
          class="badge badge-success badge-pill"
        >
          Success
        </span>
         
        <span
          class="badge badge-danger badge-pill"
        >
          Danger
        </span>
         
        <span
          class="badge badge-warning badge-pill"
        >
          Warning
        </span>
         
        <span
          class="badge badge-info badge-pill"
        >
          Info
        </span>
         
        <span
          class="badge badge-light badge-pill"
        >
          Light
        </span>
         
        <span
          class="badge badge-dark badge-pill"
        >
          Dark
        </span>
      </div>
    </div>
     
    <div
      class="card"
    >
      <header
        class="card-header"
      >
        <svg
          class="c-icon"
          viewBox="0 0 64 64"
          xmlns="http://www.w3.org/2000/svg"
        />
         Badge
        
        <small>
          actionable
        </small>
      </header>
       
      <div
        class="card-body"
      >
        <a
          class="badge badge-primary"
          href="#"
          target="_self"
        >
          Primary
        </a>
         
        <a
          class="badge badge-secondary"
          href="#"
          target="_self"
        >
          Secondary
        </a>
         
        <a
          class="badge badge-success"
          href="#"
          target="_self"
        >
          Success
        </a>
         
        <a
          class="badge badge-danger"
          href="#"
          target="_self"
        >
          Danger
        </a>
         
        <a
          class="badge badge-warning"
          href="#"
          target="_self"
        >
          Warning
        </a>
         
        <a
          class="badge badge-info"
          href="#"
          target="_self"
        >
          Info
        </a>
         
        <a
          class="badge badge-light"
          href="#"
          target="_self"
        >
          Light
        </a>
         
        <a
          class="badge badge-dark"
          href="#"
          target="_self"
        >
          Dark
        </a>
      </div>
    </div>
  </div>
</div>
`;
