<template>
  <div class="pb-2 text-white">
    <div class="flex justify-between">
      <div style="width: 520px; height: 239px;">
        <content-loader
          :height="239"
          :width="520"
          :speed="2"
          primary-color="#17314f"
          secondary-color="#2b6cb0"
        >
          <rect x="0" y="45" rx="3" ry="3" width="126.28" height="31" />
          <circle cx="49" cy="145" r="48" />
          <rect x="365" y="108" rx="3" ry="3" width="62" height="31" />
          <rect x="162" y="108" rx="3" ry="3" width="195" height="31" />
          <rect x="109" y="154" rx="6" ry="6" width="126" height="38" />
          <rect x="243" y="154" rx="6" ry="6" width="277" height="38" />
          <rect x="0" y="217" rx="3" ry="3" width="67" height="22" />
          <rect x="78" y="217" rx="3" ry="3" width="80" height="22" />
          <rect x="169" y="217" rx="3" ry="3" width="57" height="22" />
          <rect x="237" y="217" rx="3" ry="3" width="72" height="22" />
          <circle cx="133" cy="122" r="24" />
        </content-loader>
      </div>

      <div class="rounded-lg bg-blue-850" style="width: 347px; height: 215px;">
        <content-loader
          :height="215"
          :width="347"
          :speed="2"
          primary-color="#17314f"
          secondary-color="#2b6cb0"
        >
          <rect x="110" y="10" rx="3" ry="3" width="130" height="19" />
          <rect x="53" y="45" rx="3" ry="3" width="30" height="11" />
          <rect x="135" y="45" rx="3" ry="3" width="30" height="11" />
          <rect x="220" y="45" rx="3" ry="3" width="30" height="11" />
          <rect x="305" y="45" rx="3" ry="3" width="30" height="11" />
          <rect x="10" y="66" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="86" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="106" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="126" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="146" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="166" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="186" rx="3" ry="3" width="22" height="11" />
          <rect x="38" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="38" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="38" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="38" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="38" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="38" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="38" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="58" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="58" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="58" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="58" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="58" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="58" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="58" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="78" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="78" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="78" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="78" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="78" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="78" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="78" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="98" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="98" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="98" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="98" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="98" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="98" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="98" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="118" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="118" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="118" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="118" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="118" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="118" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="118" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="138" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="138" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="138" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="138" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="138" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="138" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="138" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="158" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="158" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="158" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="158" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="158" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="158" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="158" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="178" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="178" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="178" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="178" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="178" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="178" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="178" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="198" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="198" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="198" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="198" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="198" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="198" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="198" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="218" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="218" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="218" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="218" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="218" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="218" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="218" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="238" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="238" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="238" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="238" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="238" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="238" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="238" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="258" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="258" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="258" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="258" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="258" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="258" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="258" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="278" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="278" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="278" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="278" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="278" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="278" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="278" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="298" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="298" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="298" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="298" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="298" y="144" rx="0" ry="0" width="16" height="16" />
          <rect x="298" y="164" rx="0" ry="0" width="16" height="16" />
          <rect x="298" y="184" rx="0" ry="0" width="16" height="16" />
          <rect x="318" y="64" rx="0" ry="0" width="16" height="16" />
          <rect x="318" y="84" rx="0" ry="0" width="16" height="16" />
          <rect x="318" y="104" rx="0" ry="0" width="16" height="16" />
          <rect x="318" y="124" rx="0" ry="0" width="16" height="16" />
          <rect x="318" y="144" rx="0" ry="0" width="16" height="16" />
        </content-loader>
      </div>
    </div>
  </div>
</template>

<script>
import { ContentLoader } from 'vue-content-loader'

export default {
  components: {
    ContentLoader
  }
}
</script>
