<template>
  <!-- eslint-disable -->
  <svg :height="height" data-name="segment" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 844 723.28"><defs><linearGradient x1="420.85" y1="723.28" x2="420.85" y2="693.5" 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="600" y1="642.36" x2="600" y2="88.36" xlink:href="#86a8dc9d-afb2-4902-a4a9-342ebdaa43c1"/><linearGradient x1="910.39" y1="454.21" x2="910.39" y2="315.32" xlink:href="#86a8dc9d-afb2-4902-a4a9-342ebdaa43c1"/><linearGradient x1="706.97" y1="486.37" x2="706.97" y2="246.08" xlink:href="#86a8dc9d-afb2-4902-a4a9-342ebdaa43c1"/><linearGradient x1="966.2" y1="448.54" x2="966.2" y2="448.05" xlink:href="#86a8dc9d-afb2-4902-a4a9-342ebdaa43c1"/><linearGradient x1="908.16" y1="769.78" x2="908.16" y2="439.08" xlink:href="#86a8dc9d-afb2-4902-a4a9-342ebdaa43c1"/></defs><title>segment</title><path d="M704.47,593.89s20.89,141,144.11,188H349.42c123.22-47,144.11-188,144.11-188Z" transform="translate(-178 -88.36)" fill="#e0e0e0"/><rect x="168.91" y="693.5" width="503.87" height="29.78" fill="url(#86a8dc9d-afb2-4902-a4a9-342ebdaa43c1)"/><rect x="171.42" y="693.5" width="499.16" height="22.97" fill="#f5f5f5"/><path d="M1011,88.36H189a11.12,11.12,0,0,0-11,11.22V621.45a20.72,20.72,0,0,0,20.53,20.91h802.94A20.72,20.72,0,0,0,1022,621.45V99.58A11.12,11.12,0,0,0,1011,88.36Z" transform="translate(-178 -88.36)" fill="url(#21f78a89-0a14-446a-aa6d-cddc52c2b0ac)"/><path d="M1011,556.3H187V111.23a10.75,10.75,0,0,1,10.75-10.75h802.42A10.75,10.75,0,0,1,1011,111.23Z" transform="translate(-178 -88.36)" fill="#f5f5f5"/><path d="M990.92,631.48H207.08a20,20,0,0,1-20-20V556.3H1011v55.14A20,20,0,0,1,990.92,631.48Z" transform="translate(-178 -88.36)" fill="#fff"/><g opacity="0.2"><path d="M879.26,554.47c.8.11,1.6.24,2.38.41a9.68,9.68,0,0,1,.82-.53,13.94,13.94,0,0,1,2.82-1.21,5.06,5.06,0,0,1,1.13-.87,18.82,18.82,0,0,0-7,2.08Z" transform="translate(-178 -88.36)" fill="#fff"/><path d="M837,591.08a37,37,0,0,1,23.7-34.53c-1.3-3.07,0-6.31,5.23-8.15l3.7-1.31,1.74-1.67-8.44,3c-5.21,1.84-6.53,5.08-5.23,8.15A37,37,0,0,0,871,628.08c.5,0,1,0,1.5,0A37,37,0,0,1,837,591.08Z" transform="translate(-178 -88.36)" fill="#fff"/><path d="M866.19,554.4l-.17,0a2.73,2.73,0,0,0,0,.52q1.56-.34,3.16-.55l.57-.31a73.48,73.48,0,0,1,8.17-3.59c.42-.5.86-1,1.31-1.47a73.5,73.5,0,0,0-12.48,5.05Z" transform="translate(-178 -88.36)" fill="#fff"/></g><rect x="50.76" y="68.72" width="745.6" height="348.29" fill="#fff"/><rect x="49.76" y="49.04" width="745.6" height="30.68" fill="#e0e0e0"/><circle cx="66" cy="64.72" r="9" fill="#ff5252"/><circle cx="87" cy="64.72" r="9" fill="#ff0"/><circle cx="108" cy="64.72" r="9" fill="#69f0ae"/><rect x="78" y="205.72" width="236" height="8" :fill="primaryColor" opacity="0.5"/><rect x="78" y="243.72" width="236" height="8" :fill="primaryColor" opacity="0.5"/><rect x="78" y="286.72" width="236" height="8" :fill="primaryColor" opacity="0.3"/><rect x="78" y="329.72" width="236" height="8" fill="#64ffda"/><rect x="78" y="372.72" width="236" height="8" fill="#64ffda"/><path d="M970.22,454.21a124,124,0,0,0-77.38-138.89L848.37,431.09Z" transform="translate(-178 -88.36)" fill="url(#ce2d059d-a4c7-4a54-ba50-763a945d333a)"/><path d="M964.2,449.46a113,113,0,0,0-70.5-126.54L853.18,428.4Z" transform="translate(-178 -88.36)" :fill="primaryColor"/><path d="M964.2,449.46a113,113,0,0,0-70.5-126.54L853.18,428.4Z" transform="translate(-178 -88.36)" opacity="0.2"/><path d="M720.82,366.22l92-77.27a120.14,120.14,0,1,0,.45,154Z" transform="translate(-178 -88.36)" fill="url(#2cf7eb59-74a8-4e4d-a94c-1c78a48d71e0)"/><path d="M720,366.22l86.52-72.68a113,113,0,1,0,.42,144.86Z" transform="translate(-178 -88.36)" :fill="primaryColor"/><rect x="350" y="104.72" width="142" height="18" :fill="primaryColor" opacity="0.7"/><g opacity="0.2"><path d="M965.82,448.11l.13.43C967.44,447.81,965.82,448.11,965.82,448.11Z" transform="translate(-178 -88.36)" fill="url(#a2d7e851-1e42-4e75-b8f4-9e06e0f27dd2)"/></g><g opacity="0.2"><path d="M950,769.56l31.15-5-4.28-19.1h0l-.06-.27-.11,0L954.59,643.73v-74a27.29,27.29,0,0,0-.15-2.81c33-43.75,13.32-112.39,11.51-118.38-.34.17-.86.4-1.59.69a40.3,40.3,0,0,0-1.5-7.9s-9.58-6.09-14.8,1.74c-4.55,6.83-1.17,11-.23,12l-.64.22a22,22,0,0,1,3,7.54,16.55,16.55,0,0,0-1-1.92c-1.21-.22-2-.4-2-.4l-.23-.22-.64.22c3.32,4.84,4.48,13.34,4.32,23.54a33.22,33.22,0,0,0-3.78-4.43,33.78,33.78,0,0,0-22.39-9.33h0q-.77,0-1.54,0h-.06q-1.3,0-2.59.17l-.64.07-1.09.15c-.42.07-.84.15-1.25.23l-.91.2q-.78.18-1.55.41l-.58.18c-.65.21-1.29.43-1.92.68a33,33,0,0,1-6.55,2.38c-.31.05-.62.07-.93.1h0a11,11,0,0,1-7.18-2q-.35-.26-.69-.54a10.13,10.13,0,0,1-.75-.7,4.86,4.86,0,0,0-.33,2.09,6.41,6.41,0,0,0,2.23,4.35,6.07,6.07,0,0,0,1.18.8,5.12,5.12,0,0,0,2,.58,4.7,4.7,0,0,0,.72,0l-.18.08c-.44.21-.89.4-1.35.57l-.1,0c-.49.17-1,.33-1.49.46l-.09,0a16.61,16.61,0,0,1-7.67.11h0l-.81-.2c-.41-.11-.81-.22-1.21-.37a9.19,9.19,0,0,0,.42.84l.15.26c.11.18.23.37.35.54l.2.28q.18.25.38.48l.22.25c.15.17.31.33.48.49l.18.18q.34.31.7.59l.25.18.52.36.34.21.47.26.38.19.47.21.39.17.55.19.67.2.5.13.48.09.43.07.5.05.42,0,.5,0h.42l.5,0h0a9.53,9.53,0,0,0,2.87-.7c-.58.26-1.17.5-1.76.73h0l-.87.31-.91.32-.9.27-.92.27-.9.23-1,.22-.88.18-1,.18-.84.13-1.09.13-.78.08-1.24.08-.65,0c-.62,0-1.25,0-1.87,0h0c.71,0,1.83.82,2.9,1.52a7.7,7.7,0,0,0,1.78,1,6.87,6.87,0,0,0,.86.19l.25,0,.62.06h2.58c.28,0,.56,0,.84.07a12.51,12.51,0,0,1,5,1.6,8.91,8.91,0,0,1,2.12,1.86c-.27.43-.53.87-.77,1.32s-.41.77-.6,1.16q-.57,1.18-1,2.42a26.93,26.93,0,0,0-1.64,9.28c0,.58,0,1.16.06,1.74,0,.16,0,.32,0,.48q.06.7.15,1.38c0,.12,0,.24,0,.35q.12.84.3,1.67l.08.33q.15.68.34,1.35l.11.39a26.77,26.77,0,0,0,1.17,3.17l.14.31q.32.7.68,1.38l.07.13q.41.77.87,1.51l.07.11q.43.69.9,1.34l.11.15a27.12,27.12,0,0,0,2.24,2.7l.07.07a27.07,27.07,0,0,0,7.21,5.41,12.06,12.06,0,0,0-.2,1.24v0a12.16,12.16,0,0,0-.07,1.3v10.1q-.87.46-1.69,1c-24-10.89-59.68-88.12-59.68-88.12h-.87c3.48-2.61,0-13.93,0-13.93a16.33,16.33,0,0,0-6.7-2.23l-.47,0h-.81l-.35,0-.24,0-.34,0-.24,0-.35.07-.23.05-.39.11L842,443l-.57.21,0,0-.53.25-.19.1-.37.21-.21.14-.34.23-.22.17-.32.27-.21.19-.32.32-.2.21-.33.39-.16.19c-.16.21-.32.42-.47.66-5.22,7.83,0,12.19,0,12.19a78,78,0,0,0-.48,9.08c-.38,56.38,59.95,100.06,63,102.25-1.36,3.52-12.57,34.72.13,73.65a1.25,1.25,0,0,0,.15.27,113,113,0,0,0-33.92,106.93l.25,1.17h.56a7.7,7.7,0,0,1-.2.77,8.78,8.78,0,0,1-.56,1.33,10.39,10.39,0,0,1-1.39,2l-.06.07c-.59.68-1.29,1.38-2,2.09l-.76.73c-3,2.92-6.12,5.74-3.83,6.89h32.93V751.68h.58s-.23-.45-.58-1.3v-.27h-.11c-1.72-4.45-5.66-18.18.69-39.34,7.83-26.12,38.3-39.17,38.3-39.17l.56,1.84-.11.06L954.56,752c0,.3,0,.61-.1.94a12.76,12.76,0,0,1-.53,2.19,13.88,13.88,0,0,1-.66,1.61c-1.47,3.05-4,6.62-5.13,9.29a9,9,0,0,0-.4,1.13,3.49,3.49,0,0,0-.13,1.33,1.55,1.55,0,0,0,1,1.29h0l.43-.07.93-.15Zm-9.22-223.38q-.9-.5-1.84-.94v-9.45a12.1,12.1,0,0,0-.2-2.16,27,27,0,0,0,5.76-3.7C943.23,535.84,941.94,541.36,940.77,546.18Z" transform="translate(-178 -88.36)" fill="url(#bf75e700-b395-410a-af8e-4726f2ae7d29)"/></g><path d="M836.9,467.05s-5.79-4.82,0-13.5,16.39-1.93,16.39-1.93,3.86,12.54,0,15.43S836.9,467.05,836.9,467.05Z" transform="translate(-178 -88.36)" fill="#ca7070"/><path data-name="&lt;Path&gt;" d="M896.53,789.79H869.95s.61,3.22-2.51,6.82c-3.58,4.14-10.77,9.13-7.39,10.83h36.48Z" transform="translate(-178 -88.36)" fill="#00695c"/><path d="M869.36,796.62c3.12-3.61,2.51-6.82,2.51-6.82h-1.93s.61,3.22-2.51,6.82c-3.58,4.14-10.77,9.13-7.39,10.83H862C858.59,805.75,865.78,800.76,869.36,796.62Z" transform="translate(-178 -88.36)" fill="#fff" opacity="0.2"/><path data-name="&lt;Path&gt;" d="M991.19,784.31l-24.92,4.07a12.67,12.67,0,0,1-1.13,8.76c-2.72,5.65-8.82,12.9-5.15,14.45l36-5.82Z" transform="translate(-178 -88.36)" fill="#00695c"/><path d="M979,455.27S1007.5,545,959.77,594.72L946,584.18s28.21-98,12.42-121C986.26,453.93,979,455.27,979,455.27Z" transform="translate(-178 -88.36)" fill="#00695c"/><path d="M959.36,463.2s-5.79-4.82,0-13.5,16.39-1.93,16.39-1.93,3.86,12.54,0,15.43S959.36,463.2,959.36,463.2Z" transform="translate(-178 -88.36)" fill="#ca7070"/><path d="M967.07,797.14a12.67,12.67,0,0,0,1.13-8.76l23.06-3.77-.07-.3-24.92,4.07a12.67,12.67,0,0,1-1.13,8.76c-2.72,5.65-8.82,12.9-5.15,14.45l1.5-.24C958.78,809.4,964.47,802.54,967.07,797.14Z" transform="translate(-178 -88.36)" fill="#fff" opacity="0.2"/><rect x="744.24" y="450.53" width="27" height="40.02" rx="11.66" ry="11.66" fill="#ca7070"/><path d="M947.91,590s27.86-96.78,12.69-120.54c-1.34-.24-2.2-.44-2.2-.44s-.1-.08-.25-.24l-.71.24C973.22,492,945,590,945,590l13.79,10.55c.41-.43.8-.86,1.2-1.3Z" transform="translate(-178 -88.36)" fill="#fff" opacity="0.2"/><circle cx="758.22" cy="434.62" r="29.89" fill="#ca7070"/><path d="M925.61,565.41v-13a13.41,13.41,0,0,1,.31-2.83,29.89,29.89,0,0,1,12-56.42c-.56,0-1.12-.05-1.69-.05a29.89,29.89,0,0,0-13.68,56.47,13.41,13.41,0,0,0-.31,2.83v13a13.41,13.41,0,0,0,15.19,13.38A13.54,13.54,0,0,1,925.61,565.41Z" transform="translate(-178 -88.36)" fill="#fff" opacity="0.2"/><path d="M966.6,672s-57.66,6.51-59.79,0c-14.95-45.8,0-82,0-82a29.89,29.89,0,0,1,29.89-29.89h0A29.89,29.89,0,0,1,966.6,590Z" transform="translate(-178 -88.36)" fill="#00695c"/><path d="M966.6,672l26,119.57h-26l-27-88.72s-33.75,14.46-42.43,43.39,0,45.32,0,45.32h-28l-.28-1.3A124.33,124.33,0,0,1,906.81,672h0" transform="translate(-178 -88.36)" fill="#263238"/><path d="M910.18,672c-14.95-45.8,0-82,0-82a29.89,29.89,0,0,1,28-29.82c-.64,0-1.28-.07-1.93-.07h0A29.89,29.89,0,0,0,906.33,590s-14.95,36.16,0,82c.76,2.33,8.64,3,18.45,2.88C916.83,674.75,910.84,674,910.18,672Z" transform="translate(-178 -88.36)" fill="#fff" opacity="0.2"/><path d="M906.33,589.52s-77.14-54-69.43-122.47h17.36s41.47,89.68,68,98.36S906.33,589.52,906.33,589.52Z" transform="translate(-178 -88.36)" fill="#00695c"/><g opacity="0.2"><path d="M940.09,704.93,966.6,792h3.86l-27-88.72S942.18,703.85,940.09,704.93Z" transform="translate(-178 -88.36)" fill="#fff"/><path d="M910.67,672.45h-3.86a124.33,124.33,0,0,0-37.89,118.27l.28,1.3h3.86l-.28-1.3A124.33,124.33,0,0,1,910.67,672.45Z" transform="translate(-178 -88.36)" fill="#fff"/></g><path d="M839.79,468H836.9c-7.71,68.47,69.43,122.47,69.43,122.47s.71-.26,1.89-.73C899.23,583.16,832.59,531.88,839.79,468Z" transform="translate(-178 -88.36)" fill="#fff" opacity="0.2"/><path d="M912.38,509.64c2,3.7,2.52,8,3.49,12,2,8.38,6.24,16.74,13.69,21.08A30.36,30.36,0,0,0,943,546.4c7.12.45,14.83-.94,19.87-6,3.26-3.26,5.06-7.73,6.07-12.23,3-13.45-1-28.43-10.88-38s-25.45-13.15-38.24-8c-2.4,1-4.72,2.2-7.26,2.64a12.07,12.07,0,0,1-10.59-3.53c-1.59,4,2.16,9,6.45,8.65a18.62,18.62,0,0,1-14.28.77,12.11,12.11,0,0,0,15.23,6.11A40.79,40.79,0,0,1,892,500.29c1.25,0,3.68,2.3,5.19,2.75,2.08.61,3.76.14,5.72.41C907.21,504,910.2,505.52,912.38,509.64Z" transform="translate(-178 -88.36)" fill="#263238"/><g opacity="0.2"><path d="M908.39,489.89a18.44,18.44,0,0,1-7.07,1.81,18.57,18.57,0,0,0,9-1.81c-3.81.34-7.19-3.6-6.78-7.29a11.37,11.37,0,0,1-1.6-1.37C900.35,485.24,904.1,490.28,908.39,489.89Z" transform="translate(-178 -88.36)" fill="#fff"/><path d="M914.46,484.77c2.54-.43,4.86-1.68,7.26-2.64a33.26,33.26,0,0,1,11.51-2.31,33.61,33.61,0,0,0-13.44,2.31c-2.4,1-4.72,2.2-7.26,2.64-.34.06-.69.08-1,.11A11.52,11.52,0,0,0,914.46,484.77Z" transform="translate(-178 -88.36)" fill="#fff"/><path d="M899.16,503c-1.51-.44-3.94-2.72-5.19-2.75a40.79,40.79,0,0,0,17.29-3.52,10.68,10.68,0,0,1-3.88.81A40.81,40.81,0,0,1,892,500.29c1.25,0,3.68,2.3,5.19,2.75a12.84,12.84,0,0,0,4,.32A8.39,8.39,0,0,1,899.16,503Z" transform="translate(-178 -88.36)" fill="#fff"/><path d="M944.91,546.4a30.36,30.36,0,0,1-13.43-3.65c-7.44-4.34-11.7-12.7-13.69-21.08-1-4.08-1.52-8.33-3.49-12-2.19-4.12-5.17-5.6-9.44-6.19a19.27,19.27,0,0,0-2.86-.08c.31,0,.62,0,.93.08,4.27.59,7.25,2.07,9.44,6.19,2,3.7,2.52,8,3.49,12,2,8.38,6.24,16.74,13.69,21.08A30.36,30.36,0,0,0,943,546.4c1.11.07,2.23.09,3.35.06Z" transform="translate(-178 -88.36)" fill="#fff"/><path d="M906.16,497.55a12.21,12.21,0,0,1-9.81-6.26,17.84,17.84,0,0,1-2.24-.63A12.2,12.2,0,0,0,906.16,497.55Z" transform="translate(-178 -88.36)" fill="#fff"/></g><path d="M838.83,467.05s-5.79-4.82,0-13.5a9.24,9.24,0,0,1,7.15-4.39,9.37,9.37,0,0,0-9.08,4.39c-5.79,8.68,0,13.5,0,13.5a52.28,52.28,0,0,0,11.34,1.27A57.09,57.09,0,0,1,838.83,467.05Z" transform="translate(-178 -88.36)" fill="#fff" opacity="0.2"/></svg>
  <!-- eslint-enable -->
</template>

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