<template>
  <!-- eslint-disable -->
  <svg :height="height" data-name="analytics" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 882 763.27"><defs><linearGradient x1="673" y1="763.27" x2="673" y2="341" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient x1="640" y1="537.58" x2="640" y2="459.58" xlink:href="#c5381c32-26b1-4c20-8943-962bf6473205"/><linearGradient x1="736" y1="591.58" x2="736" y2="513.58" xlink:href="#c5381c32-26b1-4c20-8943-962bf6473205"/><linearGradient x1="688" y1="645.58" x2="688" y2="567.58" xlink:href="#c5381c32-26b1-4c20-8943-962bf6473205"/><linearGradient x1="822" y1="699.58" x2="822" y2="621.58" xlink:href="#c5381c32-26b1-4c20-8943-962bf6473205"/><linearGradient x1="209" y1="422.27" x2="209" y2="0" xlink:href="#c5381c32-26b1-4c20-8943-962bf6473205"/><linearGradient x1="405" y1="582.71" x2="405" y2="160.45" xlink:href="#c5381c32-26b1-4c20-8943-962bf6473205"/><linearGradient x1="500.8" y1="592.09" x2="500.8" y2="468.22" xlink:href="#c5381c32-26b1-4c20-8943-962bf6473205"/></defs><title>analytics</title><rect x="464" y="341" width="418" height="422.27" fill="url(#c5381c32-26b1-4c20-8943-962bf6473205)"/><rect x="469.69" y="407.82" width="406.63" height="344.07" fill="#fff"/><rect x="469.69" y="345.27" width="406.63" height="62.56" fill="#bdbdbd"/><circle cx="500.97" cy="376.54" r="15.64" fill="#ff5252"/><circle cx="540.78" cy="376.54" r="15.64" fill="#ff0"/><circle cx="580.59" cy="376.54" r="15.64" :fill="tertiaryColor"/><rect x="505.5" y="488.36" width="335" height="21" fill="#e0e0e0"/><rect x="505.5" y="542.36" width="335" height="21" fill="#e0e0e0"/><rect x="505.5" y="596.36" width="335" height="21" fill="#e0e0e0"/><rect x="505.5" y="650.36" width="335" height="21" fill="#e0e0e0"/><circle cx="640" cy="498.58" r="39" fill="url(#c988871c-32eb-4f1a-8e94-f249f90262fa)"/><circle cx="736" cy="552.58" r="39" fill="url(#df5bfa86-5197-4bf7-9251-7f88e7557637)"/><circle cx="688" cy="606.58" r="39" fill="url(#676dcb08-daf3-4740-8363-ed38ae60e592)"/><circle cx="822" cy="660.58" r="39" fill="url(#c1b2fb2f-3bf9-42d9-abce-467458496684)"/><circle cx="640" cy="498.58" r="33" :fill="secondaryColor"/><circle cx="736" cy="552.58" r="33" :fill="secondaryColor"/><circle cx="688" cy="606.58" r="33" :fill="secondaryColor"/><circle cx="822" cy="660.58" r="33" :fill="tertiaryColor"/><rect width="418" height="422.27" fill="url(#427b5ff1-45bb-4b7d-bbf3-3c1f820a6726)"/><rect x="5.69" y="66.82" width="406.63" height="344.07" fill="#fff"/><rect x="5.69" y="4.27" width="406.63" height="62.56" fill="#bdbdbd"/><circle cx="36.97" cy="35.54" r="15.64" fill="#ff5252"/><circle cx="76.78" cy="35.54" r="15.64" fill="#ff0"/><circle cx="116.59" cy="35.54" r="15.64" :fill="tertiaryColor"/><rect x="94.63" y="149.29" width="38.26" height="179.14" fill="#e0e0e0"/><rect x="158.12" y="149.29" width="38.26" height="179.14" fill="#e0e0e0"/><rect x="221.6" y="149.29" width="38.26" height="179.14" fill="#e0e0e0"/><rect x="285.08" y="149.29" width="38.26" height="179.14" fill="#e0e0e0"/><rect x="94.63" y="238.86" width="38.26" height="89.57" :fill="primaryColor"/><g opacity="0.4"><rect x="94.63" y="201.46" width="38.26" height="39.13" :fill="primaryColor"/></g><rect x="158.47" y="220" width="38.26" height="39.13" :fill="tertiaryColor" opacity="0.4"/><rect x="285.1" y="222.05" width="38.26" height="39.13" fill="#ff0" opacity="0.4"/><rect x="158.12" y="258.3" width="38.26" height="70.12" :fill="tertiaryColor"/><rect x="221.6" y="225.81" width="38.26" height="102.62" :fill="secondaryColor"/><rect x="221.6" y="190.16" width="38.26" height="35.65" :fill="secondaryColor" opacity="0.4"/><rect x="285.08" y="261.47" width="38.26" height="66.96" fill="#ff0"/><rect x="196" y="160.45" width="418" height="422.27" fill="url(#3132b3fa-8f3b-4ccd-b73b-cd5580cb890d)"/><rect x="201.69" y="227.27" width="406.63" height="344.07" fill="#fff"/><rect x="201.69" y="164.71" width="406.63" height="62.56" fill="#bdbdbd"/><circle cx="232.97" cy="195.99" r="15.64" fill="#ff5252"/><circle cx="272.78" cy="195.99" r="15.64" fill="#ff0"/><circle cx="312.59" cy="195.99" r="15.64" :fill="tertiaryColor"/><path d="M564,349.66l-.71,0v236l.71,0a118,118,0,0,0,0-236Z" transform="translate(-159 -68.37)" :fill="primaryColor"/><path d="M563.29,349.68A118,118,0,0,0,446,467H563.29Z" transform="translate(-159 -68.37)" :fill="tertiaryColor"/><path d="M439.61,468.22c0,.25,0,.49,0,.74A123.14,123.14,0,0,0,562,592.09V468.22Z" transform="translate(-159 -68.37)" fill="url(#8d22b5b0-1fad-4d01-a1bc-1d84c178db01)"/><path d="M443.17,469.8c0,.24,0,.47,0,.71a118,118,0,0,0,117.3,118V469.8Z" transform="translate(-159 -68.37)" :fill="secondaryColor"/></svg>
  <!-- eslint-enable -->
</template>

<script>
export default {
  name: 'UndrawAnalytics',
  props: {
    /** Sets primaryColor of the illustration */
    primaryColor: {
      type: String,
      default: '#2196f3'  
    },
    /** Sets secondaryColor of the illustration */
    secondaryColor: {
      type: String,
      default: '#6c63ff'  
    },
    /** Sets tertiaryColor of the illustration */
    tertiaryColor: {
      type: String,
      default: '#69f0ae'  
    },
    /** Sets height of the illustration */
    height: {
      type: String,
      default: '100'  
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
