<template>
  <!-- eslint-disable -->
  <svg :height="height" data-name="metrics" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 902.28899 674.06422"><title>metrics</title><path d="M330.4346,503.16409s23.12666,1.54177,27.23806-1.54178,21.58488,4.11141,23.12666,8.22281-24.66844,4.62533-28.77984,4.62533-23.64058,6.16711-23.64058,6.16711Z" transform="translate(-148.8555 -112.73091)" fill="#fbbebe"/><path d="M389.07708,451.551a56.62806,56.62806,0,0,0-37.31674,78.33241l51.52456-23.50593Z" transform="translate(-148.8555 -112.73091)" :fill="primaryColor"/><path d="M415.44444,515.14853l-51.52456,23.50593a56.6365,56.6365,0,1,0,37.31674-78.3324Z" transform="translate(-148.8555 -112.73091)" :fill="primaryColor"/><path d="M327.83712,560.75161l-8.195,77.75464s-2.56963,30.83554-10.27851,37.51657c0,0,0,9.76459-2.56963,12.84815l-3.59748,40.60012s5.13926,14.90385,4.62533,17.47348,2.0557,10.79244,1.54178,11.82029-24.66844,0-24.66844,0l5.13926-82.742,15.9317-115.11935Z" transform="translate(-148.8555 -112.73091)" fill="#3c354c"/><path d="M327.83712,560.75161l-8.195,77.75464s-2.56963,30.83554-10.27851,37.51657c0,0,0,9.76459-2.56963,12.84815l-3.59748,40.60012s5.13926,14.90385,4.62533,17.47348,2.0557,10.79244,1.54178,11.82029-24.66844,0-24.66844,0l5.13926-82.742,15.9317-115.11935Z" transform="translate(-148.8555 -112.73091)" opacity="0.1"/><line y1="673.56422" x2="358.50918" y2="673.56422" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M500.36467,725.763s211-123,483,0" transform="translate(-148.8555 -112.73091)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M542.81953,706.456a38.155,38.155,0,0,1-30.45485-37.36683V151.37264a38.14173,38.14173,0,0,1,38.14173-38.14173H933.223a38.14172,38.14172,0,0,1,38.14173,38.14173V669.08917a38.14715,38.14715,0,0,1-34.033,37.923" transform="translate(-148.8555 -112.73091)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="387.00918" y="61.97059" width="408" height="471.05882" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><circle cx="593.00918" cy="31" r="10" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M720.40836,671.34852a22.00589,22.00589,0,0,1,42.99021.356" transform="translate(-148.8555 -112.73091)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M490.24533,208.68828a22.982,22.982,0,0,0-19.80994,13.851c-4.9535,11.97381,1.42449,26.03885,10.999,34.77028s21.87358,13.72225,33.04831,20.28233c15.00952,8.81129,28.4968,21.04282,36.00691,36.74387s8.30888,35.15009-.51891,50.1499c-8.1937,13.92241-23.09255,22.25491-37.30219,29.93971" transform="translate(-148.8555 -112.73091)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="354.00918" cy="97" rx="17.5" ry="8.5" fill="#57b894"/><ellipse cx="368.00918" cy="153" rx="17.5" ry="8.5" fill="#57b894"/><ellipse cx="336.00918" cy="162" rx="17.5" ry="8.5" fill="#57b894"/><ellipse cx="386.00918" cy="209" rx="17.5" ry="8.5" fill="#57b894"/><ellipse cx="421.00918" cy="209" rx="17.5" ry="8.5" fill="#57b894"/><path d="M960.70767,552.0536a21.40072,21.40072,0,0,0-18.44688,12.89792c-4.61265,11.14993,1.32649,24.24719,10.24222,32.37783s20.36852,12.77805,30.77434,18.88676c13.97676,8.205,26.536,19.59492,33.52937,34.21562s7.73717,32.7315-.48321,46.69922c-7.62991,12.96444-21.50361,20.7236-34.73552,27.87963" transform="translate(-148.8555 -112.73091)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="823.60321" cy="440.29358" rx="16.29587" ry="7.91514" fill="#57b894"/><ellipse cx="836.63991" cy="492.44037" rx="16.29587" ry="7.91514" fill="#57b894"/><ellipse cx="806.84174" cy="500.8211" rx="16.29587" ry="7.91514" fill="#57b894"/><ellipse cx="853.40138" cy="544.58716" rx="16.29587" ry="7.91514" fill="#57b894"/><ellipse cx="885.99312" cy="544.58716" rx="16.29587" ry="7.91514" fill="#57b894"/><path d="M1000.22144,584.03287a17.47726,17.47726,0,0,1,15.06495,10.53331c3.767,9.10577-1.0833,19.80188-8.36448,26.4419s-16.6343,10.43542-25.13239,15.4242c-11.41436,6.70076-21.67109,16.00252-27.38233,27.94277s-6.3187,26.73074.39461,38.13772c6.2311,10.58763,17.5613,16.92428,28.36737,22.76837" transform="translate(-148.8555 -112.73091)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="841.76924" cy="472.09485" rx="13.3083" ry="6.46403" fill="#57b894"/><ellipse cx="831.1226" cy="514.68142" rx="13.3083" ry="6.46403" fill="#57b894"/><ellipse cx="855.45778" cy="521.52569" rx="13.3083" ry="6.46403" fill="#57b894"/><ellipse cx="817.43406" cy="557.26798" rx="13.3083" ry="6.46403" fill="#57b894"/><ellipse cx="790.81745" cy="557.26798" rx="13.3083" ry="6.46403" fill="#57b894"/><polyline points="455.509 161.032 455.509 387.032 720.509 387.032" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="489.50916" y="312.03211" width="22" height="58" :fill="primaryColor"/><rect x="534.50916" y="292.03211" width="22" height="78" :fill="primaryColor"/><rect x="579.50916" y="268.03211" width="22" height="102" :fill="primaryColor"/><rect x="624.50916" y="225.03211" width="22" height="145" :fill="primaryColor"/><rect x="669.50916" y="191.03211" width="22" height="179" :fill="primaryColor"/><rect x="482.50916" y="305.03211" width="22" height="58" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="527.50916" y="285.03211" width="22" height="78" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="572.50916" y="261.03211" width="22" height="102" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="617.50916" y="218.03211" width="22" height="145" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="662.50916" y="184.03211" width="22" height="179" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="177.21073" cy="252.44414" rx="25.69628" ry="20.0431" fill="#3f3d56"/><path d="M282.81246,754.56165s-10.778,27.17924-5.15468,30.45949,64.66785.93721,64.66785.93721,9.84075-6.09189-1.40583-10.30936c0,0-9.37215-.46861-15.464-4.21747s-13.121-10.778-13.121-10.778-.46861-10.30937-4.21747-7.96633a9.63046,9.63046,0,0,0-4.21747,6.5605Z" transform="translate(-148.8555 -112.73091)" fill="#3f3d56"/><path d="M282.81246,754.56165s-10.778,27.17924-5.15468,30.45949,64.66785.93721,64.66785.93721,9.84075-6.09189-1.40583-10.30936c0,0-9.37215-.46861-15.464-4.21747s-13.121-10.778-13.121-10.778-.46861-10.30937-4.21747-7.96633a9.63046,9.63046,0,0,0-4.21747,6.5605Z" transform="translate(-148.8555 -112.73091)" opacity="0.1"/><path d="M266.19389,750.87626s-11.82029,29.80769-5.65318,33.40517,70.92174,1.02785,70.92174,1.02785,10.79244-6.681-1.54178-11.30636c0,0-10.27851-.51393-16.95954-4.62533s-14.38992-11.82029-14.38992-11.82029-.51393-11.30637-4.62533-8.73674a10.56177,10.56177,0,0,0-4.62533,7.195Z" transform="translate(-148.8555 -112.73091)" fill="#3f3d56"/><path d="M313.989,559.69591s-5.65318,52.93435-8.22281,64.24071a146.169,146.169,0,0,0-3.08356,22.61273s-.51392,16.44562-5.13925,21.071a13.89074,13.89074,0,0,0-4.11141,10.27852s-4.62533,51.90649-2.0557,58.0736,6.058,14.17919,3.48842,18.2906-31.75433,1.23858-31.75433-1.845,0-5.65318-1.54178-7.195,0-11.30636,0-11.30636-6.16711-45.73939-.51393-59.10146,8.22281-49.85079,8.22281-49.85079-4.1114-41.628-9.25066-48.309,1.02785-30.32162,1.02785-30.32162Z" transform="translate(-148.8555 -112.73091)" fill="#3c354c"/><path d="M299.52,395.312c.59744,1.361,2.02751,2.11883,3.3294,2.83607,7.5454,4.15691,13.86143,10.18377,20.08413,16.14118a23.57753,23.57753,0,0,1,.93551-15.94473c.743-1.72049,1.7167-3.56983,1.18565-5.36706a6.68154,6.68154,0,0,0-2.60609-3.11808,80.80321,80.80321,0,0,0-7.94756-5.42226c-1.92429-1.15126-5.88054-4.216-8.08873-3.88252-.11592,2.98358-.17645,5.65108-1.483,8.43959C304.61932,389.65567,299.74834,395.83233,299.52,395.312Z" transform="translate(-148.8555 -112.73091)" fill="#fbbebe"/><circle cx="176.95376" cy="268.11887" r="21.07095" fill="#fbbebe"/><path d="M326.83712,430.70057s3.59748-17.9874-6.681-24.15451S298.05728,393.184,298.05728,393.184s-3.59748-.51392-5.13925,7.195c0,0-29.29377,5.65318-32.37732,33.40517s2.0557,68.35212,2.0557,68.35212-4.62533,35.46087-10.27851,54.47612c0,0-4.62533,4.1114,15.93169-2.05571s56.53183,17.47348,56.53183,17.47348,3.59748-3.59748,3.59748-6.16711,4.1114-17.47347,4.1114-17.47347,3.59748-63.21286,5.13926-70.40782S331.46245,431.72842,326.83712,430.70057Z" transform="translate(-148.8555 -112.73091)" fill="#3f3d56"/><path d="M320.84336,383.02049a8.78709,8.78709,0,0,1,4.13252-1.10059,7.86436,7.86436,0,0,0,4.08791-1.21807c1.9904-1.528,2.13639-4.4811,3.59247-6.52473,2.10808-2.95873,6.31357-3.31485,9.94347-3.16682,2.22017.09054,4.61113.22313,6.48072-.97769,1.91931-1.23275,2.78928-3.55546,3.43645-5.74283.76532-2.58671,1.2603-5.75-.63612-7.66847-1.31691-1.33219-3.39561-1.59566-4.85855-2.76563-1.51685-1.21309-2.141-3.18734-2.96553-4.94593a13.366,13.366,0,0,0-4.304-5.39105c-2.75973-1.91747-6.28454-2.34744-9.64482-2.31151s-6.73468.47777-10.06976.0654c-2.73245-.33785-5.45691-1.24675-8.18053-.84389-3.47062.51335-6.34186,3.13169-8.052,6.19506s-2.44392,6.56-3.15543,9.99546l-1.93514,9.34358c-.6002,2.898-1.20287,5.873-.73955,8.796.96047,6.05937,6.3192,10.87578,6.68844,16.99969a10.43562,10.43562,0,0,1,6.36967-7.57419,1.99336,1.99336,0,0,1,1.29778-.15743c.53239.17017.84356.70207,1.17955,1.14875.88035,1.17036,3.64586,2.946,5.21349,2.11576C320.127,386.54845,319.0799,384.21648,320.84336,383.02049Z" transform="translate(-148.8555 -112.73091)" fill="#3f3d56"/><path d="M267.73567,479.00958s-3.59748,22.61273,11.30636,20.557c0,0,7.70889-1.02785,8.73674,0s39.05835-5.65319,44.19761-11.30637c0,0,6.16711-2.0557,9.25066,1.02785s33.91909,6.16711,24.66843-3.08355-23.64058-11.30637-23.64058-11.30637L322.72572,475.926s-10.27852,3.08355-16.44563,0-23.64058-2.05571-23.64058-2.05571Z" transform="translate(-148.8555 -112.73091)" fill="#fbbebe"/><path d="M288.80662,407.57391S265.68,410.14354,265.68,443.54871v42.65583s12.84815-5.65318,15.41778-5.13926,12.84814-6.681,12.84814-6.681,11.82029-27.752,10.79244-35.46087S304.22439,408.60176,288.80662,407.57391Z" transform="translate(-148.8555 -112.73091)" fill="#3f3d56"/><ellipse cx="176.95376" cy="255.01377" rx="19.78614" ry="10.27851" fill="#3f3d56"/><ellipse cx="158.45244" cy="256.81251" rx="6.938" ry="17.21651" fill="#3f3d56"/></svg>
  <!-- eslint-enable -->
</template>

<script>
export default {
  name: 'UndrawMetrics',
  props: {
    /** Sets primaryColor of the illustration */
    primaryColor: {
      type: String,
      default: '#6c63ff'  
    },
    /** Sets height of the illustration */
    height: {
      type: String,
      default: '100'  
    }
  }
}
</script>

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

</style>
