<template>
  <!-- eslint-disable -->
  <svg :height="height" data-name="payments" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 945.98683 568.89805"><title>payments</title><path d="M128.61867,196.71305c0,58.96026,36.98858,106.67016,82.69935,106.67016" transform="translate(-127.25658 -165.55097)" fill="#46455b"/><path d="M211.318,303.38321c0-59.62274,41.2771-107.86871,92.28767-107.86871" transform="translate(-127.25658 -165.55097)" :fill="primaryColor"/><path d="M158.5822,202.05789c0,56.006,23.58692,101.32532,52.73582,101.32532" transform="translate(-127.25658 -165.55097)" :fill="primaryColor"/><path d="M211.318,303.38321c0-76.18461,47.7099-137.83224,106.67016-137.83224" transform="translate(-127.25658 -165.55097)" fill="#46455b"/><rect x="44.25" y="159.38846" width="720" height="408" rx="26.88144" fill="#f2f2f2"/><rect x="29.75" y="216.88846" width="720" height="57" fill="#fff"/><rect x="129.75" y="461.88846" width="548" height="28" rx="5.1701" fill="#fff"/><rect x="60.25" y="137.38846" width="720" height="408" rx="26.88144" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="59.75" y="198.88846" width="720" height="57" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="84.75" y="342.88846" width="92" height="76" rx="8.75773" :fill="primaryColor"/><rect x="95.75" y="329.88846" width="92" height="76" rx="8.75773" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><rect x="145.75" y="447.88846" width="548" height="28" rx="5.1701" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><line y1="567.38846" x2="856.74342" y2="567.38846" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1069.03658,612.34478l-24.15053,23.10636a4.58117,4.58117,0,0,1-6.0183.28627,333.057,333.057,0,0,1-61.591-64.37425,4.58117,4.58117,0,0,1,.55182-5.99978l24.30039-23.24975a4.57865,4.57865,0,0,1,6.91433.67543c17.73538,25.33066,37.373,46.596,59.50329,62.53435A4.57447,4.57447,0,0,1,1069.03658,612.34478Z" transform="translate(-127.25658 -165.55097)" fill="#f2f2f2"/><path d="M1071.3292,604.61536l-24.15053,23.10637a4.58118,4.58118,0,0,1-6.0183.28626,333.057,333.057,0,0,1-61.591-64.37425,4.58116,4.58116,0,0,1,.55181-5.99978l24.30039-23.24975a4.57865,4.57865,0,0,1,6.91433.67543c17.73538,25.33066,37.37306,46.596,59.5033,62.53436A4.57447,4.57447,0,0,1,1071.3292,604.61536Z" transform="translate(-127.25658 -165.55097)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="1026.16007" cy="586.9365" rx="8" ry="15" transform="translate(-248.31041 706.69104) rotate(-43.73423)" :fill="primaryColor"/><ellipse cx="1025.56247" cy="581.97234" rx="8" ry="15" transform="translate(-245.04441 704.90063) rotate(-43.73423)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1053.71726,531.20686l-5.08557,33.03466a4.58117,4.58117,0,0,1-4.59942,3.89194A333.05688,333.05688,0,0,1,955.977,554.57764a4.58118,4.58118,0,0,1-3.2159-5.09508l5.11714-33.23966a4.57864,4.57864,0,0,1,5.89578-3.67476c29.493,9.29235,58.01933,14.20163,85.27891,13.36771A4.57446,4.57446,0,0,1,1053.71726,531.20686Z" transform="translate(-127.25658 -165.55097)" fill="#f2f2f2"/><path d="M1050.82892,523.67974l-5.08558,33.03466a4.58116,4.58116,0,0,1-4.59942,3.89194,333.05687,333.05687,0,0,1-88.05529-13.55581,4.58118,4.58118,0,0,1-3.2159-5.09508l5.11714-33.23966a4.57864,4.57864,0,0,1,5.89578-3.67476c29.493,9.29235,58.01934,14.20163,85.27891,13.36771A4.57447,4.57447,0,0,1,1050.82892,523.67974Z" transform="translate(-127.25658 -165.55097)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="1004.23491" cy="537.16276" rx="8" ry="15" transform="translate(193.27133 1282.4226) rotate(-81.24821)" :fill="primaryColor"/><ellipse cx="1000.73795" cy="533.58907" rx="8" ry="15" transform="translate(193.83853 1275.93642) rotate(-81.24821)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><circle cx="782.55131" cy="78.48591" r="17.17661" fill="#2f2e41"/><path d="M925.05113,252.96a17.1751,17.1751,0,0,0-2.79208-23.04c.42529.25226.84492.52041,1.25445.81363a17.17661,17.17661,0,0,1-19.99887,27.93186c-.40953-.29322-.79859-.60407-1.17441-.92541A17.17512,17.17512,0,0,0,925.05113,252.96Z" transform="translate(-127.25658 -165.55097)" fill="#2f2e41"/><circle cx="780.31088" cy="115.07955" r="31.36598" fill="#2f2e41"/><path d="M913.54194,328.4263c0-.74681-5.97448-5.97447-5.97448-5.97447s-29.87236-8.2149-35.84683-2.24043a10.80476,10.80476,0,0,0-2.24042,12.69576l27.63193,8.21489Z" transform="translate(-127.25658 -165.55097)" fill="#3f3d56"/><path d="M909.43449,309.38267s-6.72128,18.67023,0,20.16385-35.84684,8.21489-35.84684,8.21489l-6.72128-12.69575s23.15108-11.94894,20.16385-28.37874Z" transform="translate(-127.25658 -165.55097)" fill="#fbbebe"/><path d="M909.43449,309.38267s-6.72128,18.67023,0,20.16385-35.84684,8.21489-35.84684,8.21489l-6.72128-12.69575s23.15108-11.94894,20.16385-28.37874Z" transform="translate(-127.25658 -165.55097)" opacity="0.1"/><path d="M833.193,367.64653l3.50839,47.013s-1.93536,34.951,5.54034,67.08807c0,0-.68235,38.547,12.09819,38.28127s1.97763-45.51241,1.97763-45.51241l-2.14669-96.9637Z" transform="translate(-127.25658 -165.55097)" fill="#fbbebe"/><path d="M954.98984,366.887l2.98723,47.049s6.72128,34.35322,3.73405,67.21281c0,0,5.97447,38.08726-6.72128,39.58088s-8.2149-44.80854-8.2149-44.80854L935.5728,379.58272Z" transform="translate(-127.25658 -165.55097)" fill="#fbbebe"/><path d="M894.49831,508.03386s6.72128,77.66814,4.48085,82.149,0,85.13623,0,85.13623,2.24043,30.61917.74681,30.61917-14.18937-4.48086-14.18937-4.48086-9.70852-38.08726-11.94895-45.55535-2.24042-45.55534-2.24042-61.23833-14.93618-80.65537-14.93618-80.65537Z" transform="translate(-127.25658 -165.55097)" fill="#fbbebe"/><path d="M894.49831,508.03386s6.72128,77.66814,4.48085,82.149,0,85.13623,0,85.13623,2.24043,30.61917.74681,30.61917-14.18937-4.48086-14.18937-4.48086-9.70852-38.08726-11.94895-45.55535-2.24042-45.55534-2.24042-61.23833-14.93618-80.65537-14.93618-80.65537Z" transform="translate(-127.25658 -165.55097)" opacity="0.1"/><path d="M881.05574,702.2042s11.94895-7.46809,14.93618-2.98723a29.26189,29.26189,0,0,0,5.97448,6.72128L903.46,730.86166s-8.70981-1.16266-10.20343,1.07777-12.94764,3.87118-20.41573.88394,0-17.17661,0-17.17661Z" transform="translate(-127.25658 -165.55097)" fill="#2f2e41"/><path d="M946.08825,497.86629s-.80693,25.10375-10.51545,42.28036-20.91065,31.366-19.417,44.80854,11.20213,8.2149,5.22766,64.97238c0,0-3.734,23.15108,0,35.1S903.46,692.49569,903.46,692.49569s-3.734-49.2894-6.72128-56.01068-15.683-51.52982-11.20213-70.2S903.46,499.07216,903.46,499.07216Z" transform="translate(-127.25658 -165.55097)" fill="#fbbebe"/><path d="M904.95363,681.29355s10.45533.74681,13.44256,1.49362a4.15858,4.15858,0,0,0,4.48086-1.49362s3.734,23.15108,5.97447,28.37874-2.24043,20.16384-13.44256,20.16384-14.18937-6.72128-14.18937-8.9617V691.74888l-.74681-6.72128S904.95363,683.534,904.95363,681.29355Z" transform="translate(-127.25658 -165.55097)" fill="#2f2e41"/><circle cx="778.81726" cy="123.29445" r="26.88512" fill="#fbbebe"/><path d="M907.56746,322.45183s.37341,9.33511-14.56277,7.09469-21.65746-8.96171-21.65746-8.96171-32.8596,5.97447-35.1,18.67022,14.18937,32.11279,14.18937,32.11279,0,13.44256,2.24042,18.67022-10.45532,45.55535-2.24042,47.79578,13.44256,2.24043,29.87236,5.97447,33.6064,4.48086,38.83406,0,12.69576-5.97447,17.92342-5.97447,8.96171-8.2149,5.22766-11.94894-7.46809-13.44257-7.46809-17.17661,5.22767-17.92342,2.24043-23.15108l9.70852-51.52982s-10.45533-8.2149-16.4298-8.96171S907.56746,322.45183,907.56746,322.45183Z" transform="translate(-127.25658 -165.55097)" fill="#3f3d56"/><path d="M940.80046,333.28056l5.60107.3734s16.05639,37.71386,12.32235,39.95429S934.826,386.304,932.58557,385.55719,940.80046,333.28056,940.80046,333.28056Z" transform="translate(-127.25658 -165.55097)" fill="#3f3d56"/><path d="M843.7153,336.2678l-6.34788.3734s-6.34788,35.47343-7.09469,37.71385,24.6447,12.69576,26.88513,11.20214S843.7153,336.2678,843.7153,336.2678Z" transform="translate(-127.25658 -165.55097)" fill="#3f3d56"/><path d="M935.5728,432.60616l8.08142,16.47677s8.52914,54.61337,2.83769,55.28853-40.04466-3.05888-43.7787,2.16879-6.72129,5.97447-6.72129,5.97447-39.58087,8.2149-44.06173,2.98723,0-73.18728,5.22767-78.41494c0,0,36.59364,8.96171,41.8213,5.22766S935.5728,432.60616,935.5728,432.60616Z" transform="translate(-127.25658 -165.55097)" fill="#2f2e41"/><path d="M922.35812,265.95225c.42908.25851.84772.52765,1.2599.8031a31.36372,31.36372,0,0,0-32.3336,53.6691c-.43616-.23563-.86976-.47993-1.29885-.73844a31.366,31.366,0,0,1,32.37255-53.73376Z" transform="translate(-127.25658 -165.55097)" fill="#2f2e41"/><path d="M890.53638,265.95225c-.42908.25851-.84772.52765-1.25989.8031a31.36371,31.36371,0,0,1,32.33359,53.6691c.43616-.23563.86976-.47993,1.29885-.73844a31.366,31.366,0,0,0-32.37255-53.73376Z" transform="translate(-127.25658 -165.55097)" fill="#2f2e41"/><ellipse cx="780.31088" cy="107.61146" rx="28.37874" ry="17.92342" fill="#2f2e41"/></svg>
  <!-- eslint-enable -->
</template>

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