<template>
  <!-- eslint-disable -->
  <svg :height="height" data-name="choice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1057 678.5"><title>choice</title><ellipse cx="167.5" cy="657" rx="134" ry="21.5" fill="#f2f2f2"/><ellipse cx="178" cy="644.5" rx="134" ry="21.5" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="81.5" y="27.5" width="403" height="240" rx="22.84021" :fill="primaryColor"/><rect x="610.5" y="219.5" width="403" height="240" rx="22.84021" fill="#f2f2f2"/><rect x="50.5" y="0.5" width="403" height="240" rx="22.84021" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="579.5" y="192.5" width="403" height="240" rx="22.84021" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1031.38065,181.95738a22.982,22.982,0,0,0-19.80994,13.851c-4.9535,11.97382,1.42449,26.03886,10.999,34.77028s21.87358,13.72225,33.04831,20.28234c15.00952,8.81129,28.4968,21.04282,36.00691,36.74386s8.30888,35.15009-.51891,50.14991c-8.1937,13.9224-23.09255,22.2549-37.30219,29.9397" transform="translate(-71.5 -110.5)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="972.5" cy="72.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="986.5" cy="128.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="954.5" cy="137.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="1004.5" cy="184.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="1039.5" cy="184.5" rx="17.5" ry="8.5" :fill="primaryColor"/><path d="M94.38065,565.95738a22.982,22.982,0,0,0-19.80994,13.851c-4.9535,11.97382,1.42449,26.03886,10.999,34.77028S107.44331,628.30087,118.618,634.861c15.00952,8.81129,28.4968,21.04282,36.00691,36.74386s8.30888,35.15009-.51891,50.14991c-8.1937,13.9224-23.09255,22.2549-37.30219,29.9397" transform="translate(-71.5 -110.5)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="35.5" cy="456.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="49.5" cy="512.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="17.5" cy="521.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="67.5" cy="568.5" rx="17.5" ry="8.5" :fill="primaryColor"/><ellipse cx="102.5" cy="568.5" rx="17.5" ry="8.5" :fill="primaryColor"/><path d="M327.5,382s2,15-3,21-13,46-13,46v24s31-45,37-63,0-32,0-32Z" transform="translate(-71.5 -110.5)" fill="#ffc1c7"/><path d="M324.5,308l.42258.4754a63.42,63.42,0,0,1,11.95624,19.787C343.44373,345.6951,357.555,388.66713,352.5,393c-7,6-27,10-28,9s-21-63-21-63Z" transform="translate(-71.5 -110.5)" fill="#3f3d56"/><path d="M292,733s24,5,25,0a40.0083,40.0083,0,0,1,3-9s21.75284.90637,16.07358,19.977a7.97116,7.97116,0,0,1-3.49114,4.50162C327.40192,751.6489,315.1989,759.12569,309,763c-4.65925,2.912-11.35368.73611-16.13229-1.589a8.62558,8.62558,0,0,1-4.65884-9.45535Z" transform="translate(-71.5 -110.5)" fill="#3f3d56"/><path d="M223,736s-24,5-25,0a40.0083,40.0083,0,0,0-3-9s-21.711.90462-16.08993,19.922a8.09559,8.09559,0,0,0,3.55522,4.58593C187.67266,754.6946,199.82006,762.13754,206,766c5.10231,3.18895,12.64528.27627,17.44015-2.25212a6.95793,6.95793,0,0,0,3.60627-7.51577Z" transform="translate(-71.5 -110.5)" fill="#3f3d56"/><path d="M193,395s-2,15,3,21,13,29,13,29v24s-31-28-37-46,0-32,0-32Z" transform="translate(-71.5 -110.5)" fill="#ffc1c7"/><circle cx="191.5" cy="136.5" r="25" fill="#ffc1c7"/><path d="M283,257s-7,32,0,36-42,0-42,0,11-27,6-36S283,257,283,257Z" transform="translate(-71.5 -110.5)" fill="#ffc1c7"/><path d="M307,470s9,13,6,53-6,82-6,82,22,126,15,129-30,6-33,3-17-120-17-120l-13-96L239,631s-11,107-19,112c-5.719,3.57435-17.05936,1.01623-23.06138-.73316a5.2211,5.2211,0,0,1-3.77478-5.2393C193.89693,720.20072,197.18845,653.79364,205,613c9-47-9-141,7-143S307,470,307,470Z" transform="translate(-71.5 -110.5)" fill="#2f2e41"/><path d="M237,289s4-18,19-16,25,1,28,11,35,18,35,18,8,1,7,14-21,61-21,61,1,40,6,58,5,40-6,45-80,23-96,1c0,0-9-32-3-45s-1-64-1-64l-19-42s6-20,23-26A101.797,101.797,0,0,0,237,289Z" transform="translate(-71.5 -110.5)" fill="#3f3d56"/><path d="M194,321l-8,9s-24,59-17,65,27,10,28,9,18-52,18-52Z" transform="translate(-71.5 -110.5)" fill="#3f3d56"/><path d="M292,232s-4,3-5,10-7.14074-3.98856-8.57037,10.50572S253,277,244,270s-24-51-3-58,42-6,46,1S292,232,292,232Z" transform="translate(-71.5 -110.5)" fill="#2f2e41"/><path d="M272.42969,252.50568C273.85925,238.01141,280,249,281,242s5-10,5-10-1-12-5-19c-1.91382-3.34924-7.72485-5.32056-15.56018-5.70361C276.24951,206.80115,284.624,208.842,287,213c4,7,5,19,5,19s-4,3-5,10-7.14075-3.98859-8.57031,10.50568c-1.21216,12.288-18.64307,21.34082-29.4065,19.54834C259.28076,270.64539,271.42505,262.68982,272.42969,252.50568Z" transform="translate(-71.5 -110.5)" opacity="0.1"/></svg>
  <!-- eslint-enable -->
</template>

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