<template>
  <!-- eslint-disable -->
  <svg :height="height" data-name="modern life" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 664.5 714"><title>modern life</title><rect x="132.5" y="713" width="532" height="1" fill="#3c354c"/><path d="M565.12,416.23c-.12-5-1.52-9.19-3.53-11.5L560,411l0-7.53a3.82,3.82,0,0,0-2.33-.55c-3.91.36-6.93,6.93-6.75,14.67s3.5,13.73,7.41,13.37S565.3,424,565.12,416.23Z" transform="translate(-267.75 -93)" fill="#57b894"/><path d="M564.17,420c-1.64.36-3.23,1.37-4.87,1.57s-3.44-.58-4.47-3.11c-.56-1.36-.84-3.08-1.31-4.57a9.29,9.29,0,0,0-1.79-3.32,25.86,25.86,0,0,0-.76,7c.18,7.74,3.5,13.72,7.41,13.36,3.28-.3,5.93-5,6.59-11.06A7,7,0,0,0,564.17,420Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M890,364.54c-3.5-3.51-7.43-5.61-10.48-5.9l3.13,5.6-5.15-5.49a3.87,3.87,0,0,0-2.07,1.2c-2.59,3-.25,9.8,5.22,15.29s12,7.54,14.58,4.58S895.44,370,890,364.54Z" transform="translate(-267.75 -93)" fill="#57b894"/><path d="M891.86,367.91c-.94,1.38-1.4,3.21-2.45,4.48s-2.89,1.95-5.38.84c-1.35-.6-2.74-1.66-4.1-2.41a9.28,9.28,0,0,0-3.59-1.19,26.05,26.05,0,0,0,4.28,5.61c5.47,5.49,12,7.54,14.58,4.58,2.16-2.48.86-7.69-2.84-12.55A5.23,5.23,0,0,0,891.86,367.91Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M632.93,385,615.71,375s-41.62-5.74-35.88-25.83,34.45,0,34.45,0L632.93,362Z" transform="translate(-267.75 -93)" fill="#ffc1c7"/><path d="M632.93,385,615.71,375s-41.62-5.74-35.88-25.83,34.45,0,34.45,0L632.93,362Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M696.07,283.11s-41.61,30.14-41.61,20.09c0-6-7.26-24.53-13.06-38.32-3.84-9.14-7-16.21-7-16.21l43-11.48a50.21,50.21,0,0,0,.48,21A40.48,40.48,0,0,0,696.07,283.11Z" transform="translate(-267.75 -93)" fill="#ffc1c7"/><path d="M610,538.94s-33,73.19-21.53,100.45c0,0-35.87,109.07-47.35,113.37s28.7,11.48,28.7,11.48S617.15,701.1,620,650.87,674.55,549,674.55,549Z" transform="translate(-267.75 -93)" fill="#ffc1c7"/><path d="M686,568.68s18.65,60.28,43.05,77.5c0,0,50.23,83.23,43,109.06,0,0,28.7,4.31,30.14,0,0,0-12.92-90.41-44.49-126.28S740.56,550,740.56,550Z" transform="translate(-267.75 -93)" fill="#ffc1c7"/><path d="M559.74,754.2s-17.22-14.35-30.13-2.87-35.88,8.61-53.1,2.87-15.78,8.61,24.4,27.26,63.14,23,63.14,23,5.74-23,5.74-28.7,3.57-16.47,3.57-16.47Z" transform="translate(-267.75 -93)" fill="#f2f2f2"/><path d="M786.48,752.37s-17.22-10-20.09,8.61-44.49,30.14-44.49,30.14S701.81,809.77,763.52,804s57.4-17.22,57.4-17.22l-19.54-37.14Z" transform="translate(-267.75 -93)" fill="#f2f2f2"/><path d="M632.93,472.54s-44.49,63.14-27.27,70.31,15.79-11.48,33,8.61,61.71,10,67.45,5.74,20.09-23,31.57-21.52S719,462.49,719,462.49Z" transform="translate(-267.75 -93)" fill="#3f3d56"/><path d="M674,252c-6.14,5.73-10.48,15.45-19.54,15.45a34.21,34.21,0,0,1-13.06-2.57c-3.84-9.14-7-16.21-7-16.21l43-11.48C676,245.41,672.53,246.16,674,252Z" transform="translate(-267.75 -93)" opacity="0.1"/><circle cx="386.71" cy="137.01" r="34.44" fill="#ffc1c7"/><path d="M674.55,278.81s-14.88,15.1-21.79,16.16S620,340.51,627.19,376.39s-8.61,110.5-1.43,114.8,122-15.78,122-15.78Z" transform="translate(-267.75 -93)" fill="#f2f2f2"/><path d="M688.9,271.63s-25.83-8.61-34.44,37.31-20.09,7.18-20.09,66-4.31,80.37,2.87,130.59,12.91,50.23,4.3,67.45,91.84,12.92,116.24-20.09-7.18-156.42-20.09-175.08-12.92-76.05-23-90.4A38.51,38.51,0,0,0,688.9,271.63Z" transform="translate(-267.75 -93)" :fill="primaryColor"/><path d="M688.13,552.52l-12.71-15.9L634.85,343l27.27-50.9a30.2,30.2,0,0,1,23.18-15.75,29.62,29.62,0,0,1,26,10c39.47,44.94,59.28,184.29,60.1,190.2l.08.56-4,10.41-21,47.07Zm-8.71-17.78,10.24,12.8L743.3,531l20.16-45.18,3.59-9.27c-1.42-9.78-21.59-144.83-59-187.41a25.84,25.84,0,0,0-42.15,4.94l-26.52,49.53Z" transform="translate(-267.75 -93)" fill="#2f2e41"/><path d="M601.36,359.17h0L564.07,326a2.25,2.25,0,0,1-.37-2.92l.46-.7h0a2,2,0,0,1,3.07-.36l34,31.5A3.9,3.9,0,0,1,601.36,359.17Z" transform="translate(-267.75 -93)" :fill="primaryColor"/><path d="M601.36,359.17h0L564.07,326a2.25,2.25,0,0,1-.37-2.92l.46-.7,37.11,33.28A2.41,2.41,0,0,1,601.36,359.17Z" transform="translate(-267.75 -93)" fill="#192534"/><path d="M711.86,366.34s-53.1-4.3-63.14-23-35.88-8.61-28.7,0,5.74,28.7,25.83,30.14S716.16,385,716.16,385Z" transform="translate(-267.75 -93)" fill="#ffc1c7"/><path d="M769.26,476.84s-35.88,2.87-44.49,40.18-47.35,18.66-47.35,18.66-4.31,97.58,58.83,73.19,77.5-70.32,77.5-76.06S770.7,492.63,769.26,476.84Z" transform="translate(-267.75 -93)" fill="#2f2e41"/><path d="M680.29,542.85S719,561.51,727.64,524.2c8.2-35.54,41.11-39.83,44.23-40.16a19.21,19.21,0,0,1-2.61-7.2s-35.88,2.87-44.49,40.18-47.35,18.66-47.35,18.66-1.4,31.85,9.17,54.61C679.16,568.56,680.29,542.85,680.29,542.85Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M813.44,535a12,12,0,0,0,.31-2.16c0-4.91-31.51-30.84-41.51-48.11C774.36,498.07,803.64,523.52,813.44,535Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M610,205.85c-2,6.28,4.47,12.63,11,13.29s12.86-2.47,18.84-5.27,12.66-5.42,19.05-3.72c7,1.85,11.66,8.36,14.77,14.86a74.12,74.12,0,0,1,5.89,17.88c1.28,6.62,1.87,13.9,6.42,18.9s12.1,6.35,19,6.32,13.88-1,20.53.7c13.2,3.44,21.37,16.59,26.08,29.36s7.54,26.68,16.07,37.31c7.11,8.88,17.48,14.51,27.87,19.18,5.24,2.35,10.67,4.54,16.39,5.08s11.86-.79,16-4.71c4.67-4.38,6.17-11.06,7.44-17.32,1.85-9.08,3.7-18.41,2.17-27.56-2-12-9.71-22.55-11.48-34.6-1.72-11.72,2.33-23.55,1.92-35.39-.69-19.82-15.28-38.4-34.41-43.83-7-2-14.35-2.36-21.07-5-8.76-3.49-15.51-10.51-22.67-16.64a137.89,137.89,0,0,0-59.51-29.73c-14.74-3.27-32.18-3.32-42.6,7.57-4.23,4.43-7,10.42-12.4,13.38-2.77,1.53-5.95,2.08-8.93,3.11-14.72,5.06-23.18,23.4-17.47,37.84" transform="translate(-267.75 -93)" fill="#2f2e41"/><path d="M820.57,345.39c-5.72-.54-11.15-2.73-16.39-5.08-10.39-4.67-20.75-10.3-27.87-19.18-8.53-10.63-11.37-24.53-16.07-37.31s-12.88-25.92-26.08-29.36c-6.65-1.74-13.66-.73-20.53-.7s-14.35-1.24-19-6.32-5.14-12.28-6.42-18.9a74,74,0,0,0-5.89-17.88c-3.11-6.5-7.79-13-14.77-14.86-6.39-1.7-13.07.92-19.05,3.72s-12.26,5.93-18.84,5.27-13-7-11-13.29l-1,1a27.7,27.7,0,0,1-.68-17.67c-8.47,7.95-12.26,21.1-7.94,32l1-1c-2,6.28,4.47,12.63,11,13.29s12.86-2.47,18.84-5.27,12.66-5.42,19.05-3.72c7,1.85,11.66,8.36,14.77,14.86a74.12,74.12,0,0,1,5.89,17.88c1.28,6.62,1.87,13.9,6.42,18.9s12.1,6.35,19,6.32,13.88-1,20.53.7c13.2,3.44,21.37,16.59,26.08,29.36s7.54,26.68,16.07,37.31c7.11,8.88,17.48,14.51,27.87,19.18,5.24,2.35,10.67,4.54,16.39,5.08s11.86-.79,16-4.71c3.52-3.3,5.24-7.92,6.42-12.68A21.88,21.88,0,0,1,820.57,345.39Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M674.55,291.72s-4.31,31.57,11.48,38.75S713.29,362,713.29,362l-12.91,2.87s-4.31,20.09,7.17,25.83,43.05,0,43.05,0,14.36-7.18,2.87-30.14S709,287.42,709,287.42,691.77,268.76,674.55,291.72Z" transform="translate(-267.75 -93)" :fill="primaryColor"/><ellipse cx="411" cy="137.5" rx="6.91" ry="10.36" fill="#ffc1c7"/><circle cx="411" cy="138.65" r="3.45" fill="#f2f2f2"/><ellipse cx="675.87" cy="236.83" rx="4.03" ry="1.73" transform="translate(-107.14 641.22) rotate(-63.3)" fill="#f2f2f2"/><path d="M821.12,129.23c-.12-4.95-1.52-9.19-3.53-11.5L816,124l0-7.53a3.82,3.82,0,0,0-2.33-.55c-3.91.36-6.93,6.93-6.75,14.67s3.5,13.73,7.41,13.37S821.3,137,821.12,129.23Z" transform="translate(-267.75 -93)" fill="#57b894"/><path d="M820.17,133c-1.64.36-3.23,1.37-4.87,1.57s-3.44-.58-4.47-3.11c-.56-1.36-.84-3.08-1.31-4.57a9.29,9.29,0,0,0-1.79-3.32,25.86,25.86,0,0,0-.76,7c.18,7.74,3.5,13.72,7.41,13.36,3.28-.3,5.93-5,6.59-11.06A7,7,0,0,0,820.17,133Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M893.62,537.17c4.53-2,7.9-4.93,9.26-7.68l-6.35.92,7-2.84a3.87,3.87,0,0,0-.38-2.36c-1.83-3.47-9.06-3.74-16.14-.6s-11.34,8.49-9.51,12S886.53,540.31,893.62,537.17Z" transform="translate(-267.75 -93)" fill="#57b894"/><path d="M889.8,537.72c-1-1.37-2.5-2.45-3.31-3.89s-.79-3.4,1.15-5.32c1-1,2.52-2,3.71-3a9.14,9.14,0,0,0,2.39-2.92,26.11,26.11,0,0,0-6.76,2c-7.08,3.14-11.34,8.49-9.51,12,1.54,2.91,6.88,3.57,12.74,1.85A7.1,7.1,0,0,0,889.8,537.72Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M508.62,583.17c4.53-2,7.9-4.93,9.26-7.68l-6.35.92,7-2.84a3.87,3.87,0,0,0-.38-2.36c-1.83-3.47-9.06-3.74-16.14-.6s-11.34,8.49-9.51,12S501.53,586.31,508.62,583.17Z" transform="translate(-267.75 -93)" fill="#57b894"/><path d="M504.8,583.72c-1-1.37-2.5-2.45-3.31-3.89s-.79-3.4,1.15-5.32c1-1,2.52-2,3.71-3a9.14,9.14,0,0,0,2.39-2.92,26.11,26.11,0,0,0-6.76,2c-7.08,3.14-11.34,8.49-9.51,12,1.54,2.91,6.88,3.57,12.74,1.85A7.1,7.1,0,0,0,504.8,583.72Z" transform="translate(-267.75 -93)" opacity="0.1"/><rect x="63" y="38" width="127" height="12" fill="#3c354c" opacity="0.3"/><path d="M515.25,285.87,489.47,241H267.75V94h292V241h-44.5ZM268.75,240h221.3l24.2,42.13V240h44.5V95h-290Z" transform="translate(-267.75 -93)" opacity="0.1"/><path d="M515.25,284.87,489.47,240H267.75V93h292V240h-44.5ZM268.75,239h221.3l24.2,42.13V239h44.5V94h-290Z" transform="translate(-267.75 -93)" fill="#f2f2f2"/><circle cx="33" cy="44" r="16.5" fill="#3c354c" opacity="0.3"/><circle cx="239.5" cy="112.5" r="6" :fill="primaryColor" opacity="0.3"/><circle cx="254.5" cy="112.5" r="6" :fill="primaryColor" opacity="0.3"/><circle cx="269.5" cy="112.5" r="6" :fill="primaryColor" opacity="0.3"/></svg>
  <!-- eslint-enable -->
</template>

<script>
export default {
  name: 'UndrawModernLife',
  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>
