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

exports[`ProgressBars.vue renders correctly 1`] = `
<div
  class="c-wrapper"
>
  <div>
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Bootstrap Progress
        </strong>
         
        <div
          class="c-card-header-actions"
        >
          <a
            class="card-header-action"
            href="https://coreui.io/vue/docs/3.0/components/Progress"
            rel="noreferrer noopener"
            target="_blank"
          >
            <small
              class="text-muted"
            >
              docs
            </small>
          </a>
        </div>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <cprogress-stub
          animated="true"
          max="100"
          precision="0"
          showprogress="true"
          value="73"
          variant="primary"
        />
         
        <cprogress-stub
          class="c-mt-1"
          max="100"
          precision="0"
          showvalue="true"
          variant="primary"
        >
          <cprogressbar-stub
            max="100"
            precision="0"
            value="43.8"
            variant="success"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="18.25"
            variant="warning"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="10.95"
            variant="danger"
          />
        </cprogress-stub>
         
        <cbutton-stub
          activeclass="c-active"
          class="c-mt-4"
          event="click"
          exactactiveclass="c-active"
          routertag="a"
          target="_self"
          type="button"
          variant="secondary"
        >
          
          Click me to animate progress bars
        
        </cbutton-stub>
      </ccardbody-stub>
    </ccard-stub>
     
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Progress 
        </strong>
        <small>
          labels
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <h6>
          No label
        </h6>
         
        <cprogress-stub
          class="c-mb-3"
          max="50"
          precision="0"
          value="33.333333333"
          variant="primary"
        />
         
        <h6>
          Value label
        </h6>
         
        <cprogress-stub
          class="c-mb-3"
          max="50"
          precision="0"
          showvalue="true"
          value="33.333333333"
          variant="primary"
        />
         
        <h6>
          Progress label
        </h6>
         
        <cprogress-stub
          class="c-mb-3"
          max="50"
          precision="0"
          showprogress="true"
          value="33.333333333"
          variant="primary"
        />
         
        <h6>
          Value label with precision
        </h6>
         
        <cprogress-stub
          class="c-mb-3"
          max="50"
          precision="2"
          showvalue="true"
          value="33.333333333"
          variant="primary"
        />
         
        <h6>
          Progress label with precision
        </h6>
         
        <cprogress-stub
          class="c-mb-3"
          max="50"
          precision="2"
          showprogress="true"
          value="33.333333333"
          variant="primary"
        />
      </ccardbody-stub>
    </ccard-stub>
     
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Progress 
        </strong>
         
        <small>
          width
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <h6>
          Default width
        </h6>
         
        <cprogress-stub
          class="c-mb-3"
          max="100"
          precision="0"
          value="75"
          variant="primary"
        />
         
        <h6>
          Custom widths
        </h6>
         
        <cprogress-stub
          class="c-w-75 c-mb-2"
          max="100"
          precision="0"
          value="75"
          variant="primary"
        />
         
        <cprogress-stub
          class="c-w-50 c-mb-2"
          max="100"
          precision="0"
          value="75"
          variant="primary"
        />
         
        <cprogress-stub
          class="c-w-25"
          max="100"
          precision="0"
          value="75"
          variant="primary"
        />
      </ccardbody-stub>
    </ccard-stub>
     
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Progress 
        </strong>
         
        <small>
          height
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <h6>
          Default height
        </h6>
         
        <cprogress-stub
          class="c-mb-3"
          max="100"
          precision="0"
          showprogress="true"
          value="75"
          variant="primary"
        />
         
        <h6>
          Custom heights
        </h6>
         
        <cprogress-stub
          class="c-mb-2"
          height="2rem"
          max="100"
          precision="0"
          showprogress="true"
          value="75"
          variant="primary"
        />
         
        <cprogress-stub
          class="c-mb-2"
          height="20px"
          max="100"
          precision="0"
          showprogress="true"
          value="75"
          variant="primary"
        />
         
        <cprogress-stub
          height="2px"
          max="100"
          precision="0"
          value="75"
          variant="primary"
        />
      </ccardbody-stub>
    </ccard-stub>
     
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Progress 
        </strong>
         
        <small>
          variants
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <div
          class="c-row c-mb-1"
        >
          <div
            class="c-col-sm-2"
          >
            success:
          </div>
           
          <div
            class="c-col-sm-10 c-pt-1"
          >
            <cprogress-stub
              max="100"
              precision="0"
              value="75"
              variant="success"
            />
          </div>
        </div>
        <div
          class="c-row c-mb-1"
        >
          <div
            class="c-col-sm-2"
          >
            info:
          </div>
           
          <div
            class="c-col-sm-10 c-pt-1"
          >
            <cprogress-stub
              max="100"
              precision="0"
              value="75"
              variant="info"
            />
          </div>
        </div>
        <div
          class="c-row c-mb-1"
        >
          <div
            class="c-col-sm-2"
          >
            warning:
          </div>
           
          <div
            class="c-col-sm-10 c-pt-1"
          >
            <cprogress-stub
              max="100"
              precision="0"
              value="75"
              variant="warning"
            />
          </div>
        </div>
        <div
          class="c-row c-mb-1"
        >
          <div
            class="c-col-sm-2"
          >
            danger:
          </div>
           
          <div
            class="c-col-sm-10 c-pt-1"
          >
            <cprogress-stub
              max="100"
              precision="0"
              value="75"
              variant="danger"
            />
          </div>
        </div>
        <div
          class="c-row c-mb-1"
        >
          <div
            class="c-col-sm-2"
          >
            primary:
          </div>
           
          <div
            class="c-col-sm-10 c-pt-1"
          >
            <cprogress-stub
              max="100"
              precision="0"
              value="75"
              variant="primary"
            />
          </div>
        </div>
        <div
          class="c-row c-mb-1"
        >
          <div
            class="c-col-sm-2"
          >
            secondary:
          </div>
           
          <div
            class="c-col-sm-10 c-pt-1"
          >
            <cprogress-stub
              max="100"
              precision="0"
              value="75"
              variant="secondary"
            />
          </div>
        </div>
        <div
          class="c-row c-mb-1"
        >
          <div
            class="c-col-sm-2"
          >
            dark:
          </div>
           
          <div
            class="c-col-sm-10 c-pt-1"
          >
            <cprogress-stub
              max="100"
              precision="0"
              value="75"
              variant="dark"
            />
          </div>
        </div>
      </ccardbody-stub>
    </ccard-stub>
     
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Progress 
        </strong>
         
        <small>
          striped
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <cprogress-stub
          class="c-mb-2"
          max="100"
          precision="0"
          striped="true"
          value="25"
          variant="success"
        />
         
        <cprogress-stub
          class="c-mb-2"
          max="100"
          precision="0"
          striped="true"
          value="50"
          variant="info"
        />
         
        <cprogress-stub
          class="c-mb-2"
          max="100"
          precision="0"
          striped="true"
          value="75"
          variant="warning"
        />
         
        <cprogress-stub
          class="c-mb-2"
          max="100"
          precision="0"
          striped="true"
          value="100"
          variant="danger"
        />
         
        <cbutton-stub
          activeclass="c-active"
          event="click"
          exactactiveclass="c-active"
          routertag="a"
          target="_self"
          type="button"
          variant="secondary"
        >
          
          Remove Striped
        
        </cbutton-stub>
      </ccardbody-stub>
    </ccard-stub>
     
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Progress 
        </strong>
         
        <small>
          animated
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <cprogress-stub
          animated="true"
          class="c-mb-2"
          max="100"
          precision="0"
          striped="true"
          value="25"
          variant="success"
        />
         
        <cprogress-stub
          animated="true"
          class="c-mb-2"
          max="100"
          precision="0"
          striped="true"
          value="50"
          variant="info"
        />
         
        <cprogress-stub
          animated="true"
          class="c-mb-2"
          max="100"
          precision="0"
          striped="true"
          value="75"
          variant="warning"
        />
         
        <cprogress-stub
          animated="true"
          class="c-mb-3"
          max="100"
          precision="0"
          value="100"
          variant="danger"
        />
         
        <cbutton-stub
          activeclass="c-active"
          event="click"
          exactactiveclass="c-active"
          routertag="a"
          target="_self"
          type="button"
          variant="secondary"
        >
          
          Stop Animation
        
        </cbutton-stub>
      </ccardbody-stub>
    </ccard-stub>
     
    <ccard-stub
      subtitletag="h6"
      titletag="h4"
    >
      <ccardheader-stub
        subtitletag="h6"
        titletag="h4"
      >
        <i
          class="fa fa-align-justify"
        />
         
        <strong>
           Progress 
        </strong>
         
        <small>
          multiple bars
        </small>
      </ccardheader-stub>
       
      <ccardbody-stub
        subtitletag="h6"
        titletag="h4"
      >
        <cprogress-stub
          class="c-mb-3"
          max="100"
          precision="0"
          variant="primary"
        >
          <cprogressbar-stub
            max="100"
            precision="0"
            value="15"
            variant="primary"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="30"
            variant="success"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="20"
            variant="info"
          />
        </cprogress-stub>
         
        <cprogress-stub
          class="c-mb-3"
          max="100"
          precision="0"
          showprogress="true"
          variant="primary"
        >
          <cprogressbar-stub
            max="100"
            precision="0"
            value="15"
            variant="primary"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="30"
            variant="success"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="20"
            variant="info"
          />
        </cprogress-stub>
         
        <cprogress-stub
          class="c-mb-3"
          max="100"
          precision="0"
          showvalue="true"
          striped="true"
          variant="primary"
        >
          <cprogressbar-stub
            max="100"
            precision="0"
            value="15"
            variant="primary"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="30"
            variant="success"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            value="20"
            variant="info"
          />
        </cprogress-stub>
         
        <cprogress-stub
          class="c-mb-3"
          max="100"
          precision="0"
          variant="primary"
        >
          <cprogressbar-stub
            max="100"
            precision="0"
            showprogress="true"
            value="15"
            variant="primary"
          />
           
          <cprogressbar-stub
            animated="true"
            max="100"
            precision="0"
            showprogress="true"
            value="30"
            variant="success"
          />
           
          <cprogressbar-stub
            max="100"
            precision="0"
            showprogress="true"
            striped="true"
            value="20"
            variant="info"
          />
        </cprogress-stub>
      </ccardbody-stub>
    </ccard-stub>
  </div>
</div>
`;
