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

exports[`Jumbotrons.vue renders correctly 1`] = `
<div>
  <crow-stub
    gutters="true"
  >
    <ccol-stub
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             Bootstrap Jumbotron 
          </strong>
           
          <div
            class="card-header-actions"
          >
            <a
              class="card-header-action"
              href="https://coreui.io/vue/docs/components/jumbotron"
              rel="noreferrer noopener"
              target="_blank"
            >
              <small
                class="text-muted"
              >
                docs
              </small>
            </a>
          </div>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cjumbotron-stub
            tag="div"
          >
            <h1
              class="display-3"
            >
              Bootstrap 4
            </h1>
             
            <p
              class="lead"
            >
              Bootstrap 4 Components for Vue.js 2.6+
            </p>
             
            <p>
              For more information visit website
            </p>
             
            <cbutton-stub
              activeclass="active"
              color="primary"
              event="click"
              exactactiveclass="active"
              href="#"
              routertag="a"
              target="_self"
              type="button"
            >
              More Info
            </cbutton-stub>
          </cjumbotron-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             Jumbotron 
          </strong>
           
          <small>
            with slots
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cjumbotron-stub
            header="Bootstrap 4"
            lead=""
            tag="div"
          >
            <h1
              class="display-3"
            >
              Bootstrap 4
            </h1>
             
            <p
              class="lead"
            >
              
              This is a simple hero unit, a simple jumbotron-style component for
              calling extra attention to featured content or information.
            
            </p>
             
            <hr
              class="my-4"
            />
             
            <p>
              
              It uses utility classes for typography and spacing to space content
              out within the larger container.
            
            </p>
             
            <cbutton-stub
              activeclass="active"
              color="primary"
              event="click"
              exactactiveclass="active"
              href="#"
              routertag="a"
              target="_self"
              type="button"
            >
              Do Something
            </cbutton-stub>
             
            <cbutton-stub
              activeclass="active"
              color="success"
              event="click"
              exactactiveclass="active"
              href="#"
              routertag="a"
              target="_self"
              type="button"
            >
              Do Something Else
            </cbutton-stub>
          </cjumbotron-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
   
  <crow-stub
    gutters="true"
  >
    <ccol-stub
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          <cicon-stub
            name="cil-justify-center"
          />
           
          <strong>
             Jumbotron 
          </strong>
           
          <small>
            colors
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cjumbotron-stub
            bordercolor="dark"
            color="info"
            tag="div"
            textcolor="white"
          >
            <h1
              class="display-3"
            >
              Bootstrap 4
            </h1>
             
            <p
              class="lead"
            >
              
              This is a simple hero unit, a simple jumbotron-style component for
              calling extra attention to featured content or information.
            
            </p>
             
            <hr
              class="my-4"
            />
             
            <p>
              
              It uses utility classes for typography and spacing to space content
              out within the larger container.
            
            </p>
          </cjumbotron-stub>
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
</div>
`;
