<template>
  <!-- eslint-disable -->
  <svg :height="height" data-name="create" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 930 796"><defs><linearGradient x1="476.5" y1="796" x2="476.5" y2="356" 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="233" y1="468" x2="233" y2="390" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b3b3b3" stop-opacity="0.25"/><stop offset="0.54" stop-color="#b3b3b3" stop-opacity="0.1"/><stop offset="1" stop-color="#b3b3b3" stop-opacity="0.05"/></linearGradient></defs><title>create</title><path d="M827,414s28-104-28-211" transform="translate(-135 -52)" fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" stroke-dasharray="0 23"/><line x1="300.59" y1="350.5" x2="300.59" y2="350.5" fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><path d="M443.1,380.14c9.88-40.36,12.83-124.5-117.66-160.22" transform="translate(-135 -52)" fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" stroke-dasharray="0 23.61"/><line x1="179" y1="165" x2="179" y2="165" fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><rect x="71" y="356" width="811" height="440" fill="url(#c2d4657d-812e-4d49-9faf-a52e325dd45c)"/><rect x="78" y="362" width="798" height="422.5" fill="#fff"/><circle cx="233" cy="429" r="39" fill="url(#c3547cc4-a187-4ba4-ab1a-9d4c07935ee4)"/><circle cx="233" cy="429" r="35" :fill="primaryColor"/><rect x="313" y="416" width="197" height="20" fill="#bdbdbd"/><rect x="232.5" y="545.5" width="492" height="20" fill="#e0e0e0"/><rect x="232.5" y="501.5" width="492" height="20" fill="#e0e0e0"/><rect x="232.5" y="589.5" width="492" height="20" fill="#e0e0e0"/><rect x="232.5" y="633.5" width="492" height="20" fill="#e0e0e0"/><rect x="232.5" y="677.5" width="492" height="20" fill="#e0e0e0"/><rect x="232.5" y="721.5" width="492" height="20" fill="#e0e0e0"/><line x1="153.33" y1="355.5" x2="153.33" y2="355.5" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><path d="M290.59,384.75c.76-21.62-1.88-53.94-20.78-75.41" transform="translate(-135 -52)" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" stroke-dasharray="0 22.87"/><line x1="126.5" y1="249.5" x2="126.5" y2="249.5" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><line x1="605.33" y1="364.5" x2="605.33" y2="364.5" fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><path d="M742.59,393.75c.76-21.62-1.88-53.94-20.78-75.41" transform="translate(-135 -52)" fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" stroke-dasharray="0 22.87"/><line x1="578.5" y1="258.5" x2="578.5" y2="258.5" fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><line x1="797.67" y1="355.5" x2="797.67" y2="355.5" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><path d="M930.41,384.75c-.76-21.62,1.88-53.94,20.78-75.41" transform="translate(-135 -52)" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" stroke-dasharray="0 22.87"/><line x1="824.5" y1="249.5" x2="824.5" y2="249.5" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><rect y="114.78" width="111" height="60.43" :fill="primaryColor" opacity="0.7"/><rect x="608" y="73.78" width="111" height="60.43" :fill="primaryColor" opacity="0.7"/><rect x="513" y="181.78" width="111" height="60.43" :fill="primaryColor" opacity="0.7"/><rect x="83" y="127.58" width="180.78" height="98.41" :fill="primaryColor"/><rect x="749.22" y="132.58" width="180.78" height="98.41" :fill="primaryColor"/><rect x="339.71" width="180.78" height="98.41" :fill="primaryColor"/><line x1="414" y1="354.5" x2="414" y2="354.5" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/><path d="M557.82,384.21c6.13-21.36,10.12-55.49-9.32-90.72-24-43.51-2.42-85.9,9.85-104.36" transform="translate(-135 -52)" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10" stroke-dasharray="0 24.01"/><line x1="430.5" y1="127.5" x2="430.5" y2="127.5" fill="none" stroke="#bdbdbd" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/></svg>
  <!-- eslint-enable -->
</template>

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