<template>
  <svg viewBox="0 0 460 150" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="460" height="150" rx="7" :fill="fillColor" />
    <path
      d="M395.65 7.97749L431.5 25L424.297 73.2149L383.923 45.8917L395.65 7.97749Z"
      fill="white"
    />
    <path
      d="M423.985 72C432.778 87.0413 441.105 117.231 404.066 117.661C367.027 118.091 350.589 130.733 347 137"
      stroke="white"
      stroke-width="2.5"
      stroke-linecap="round"
    />
    <path
      d="M31.9082 112V33.7969H57.0986C64.0094 33.7969 70.222 35.3724 75.7363 38.5234C81.2507 41.6387 85.5475 46.0609 88.627 51.79C91.7422 57.4834 93.3177 63.875 93.3535 70.9648V74.5635C93.3535 81.7249 91.8317 88.1523 88.7881 93.8457C85.7803 99.5033 81.5192 103.943 76.0049 107.166C70.5264 110.353 64.4033 111.964 57.6357 112H31.9082ZM50.7607 48.3525V97.498H57.3135C62.7204 97.498 66.874 95.5824 69.7744 91.751C72.6748 87.8838 74.125 82.1546 74.125 74.5635V71.1797C74.125 63.6243 72.6748 57.931 69.7744 54.0996C66.874 50.2682 62.6488 48.3525 57.0986 48.3525H50.7607ZM99.9062 82.4053C99.9062 76.6045 101.034 71.4482 103.29 66.9365C105.546 62.389 108.786 58.8978 113.012 56.4629C117.237 54.028 122.196 52.8105 127.89 52.8105C136.591 52.8105 143.448 55.514 148.461 60.9209C153.474 66.292 155.98 73.6146 155.98 82.8887V83.5332C155.98 92.5924 153.456 99.7897 148.407 105.125C143.394 110.424 136.591 113.074 127.997 113.074C119.726 113.074 113.083 110.604 108.07 105.662C103.057 100.685 100.354 93.9531 99.96 85.4668L99.9062 82.4053ZM118.007 83.5332C118.007 88.9043 118.848 92.8431 120.531 95.3496C122.214 97.8561 124.703 99.1094 127.997 99.1094C134.442 99.1094 137.737 94.1501 137.88 84.2314V82.4053C137.88 71.9854 134.55 66.7754 127.89 66.7754C121.838 66.7754 118.562 71.2692 118.061 80.2568L118.007 83.5332ZM188.529 99.1094C191.072 99.1094 193.041 98.429 194.438 97.0684C195.834 95.6719 196.514 93.7383 196.479 91.2676H213.451C213.451 97.6413 211.16 102.869 206.576 106.951C202.029 111.033 196.156 113.074 188.959 113.074C180.508 113.074 173.848 110.424 168.979 105.125C164.109 99.8255 161.674 92.485 161.674 83.1035V82.3516C161.674 76.4792 162.748 71.305 164.896 66.8291C167.081 62.3174 170.214 58.862 174.296 56.4629C178.378 54.028 183.212 52.8105 188.798 52.8105C196.353 52.8105 202.351 54.9053 206.791 59.0947C211.231 63.2842 213.451 68.9596 213.451 76.1211H196.479C196.479 73.1133 195.744 70.8037 194.276 69.1924C192.808 67.5811 190.839 66.7754 188.368 66.7754C183.677 66.7754 180.938 69.7653 180.15 75.7451C179.9 77.6429 179.774 80.2568 179.774 83.5869C179.774 89.4235 180.473 93.4697 181.869 95.7256C183.266 97.9814 185.486 99.1094 188.529 99.1094ZM244.442 90.3545L239.34 95.457V112H221.239V29.4463H239.34V73.2744L241.166 70.8574L254.809 53.8848H276.508L256.151 77.7861L277.851 112H257.118L244.442 90.3545ZM300.355 112H282.201V53.8848H300.355V112ZM281.127 38.8994C281.127 36.3213 282.058 34.2087 283.92 32.5615C285.782 30.9144 288.199 30.0908 291.171 30.0908C294.143 30.0908 296.56 30.9144 298.422 32.5615C300.284 34.2087 301.215 36.3213 301.215 38.8994C301.215 41.4775 300.284 43.5902 298.422 45.2373C296.56 46.8844 294.143 47.708 291.171 47.708C288.199 47.708 285.782 46.8844 283.92 45.2373C282.058 43.5902 281.127 41.4775 281.127 38.8994ZM332.636 39.4365V53.8848H342.196V66.4531H332.636V93.04C332.636 95.2243 333.03 96.7461 333.817 97.6055C334.605 98.4648 336.163 98.8945 338.49 98.8945C340.281 98.8945 341.785 98.7871 343.002 98.5723V111.517C339.743 112.555 336.342 113.074 332.797 113.074C326.566 113.074 321.965 111.606 318.993 108.67C316.021 105.734 314.535 101.276 314.535 95.2959V66.4531H307.123V53.8848H314.535V39.4365H332.636ZM377.484 113.074C368.568 113.074 361.353 110.424 355.839 105.125C350.325 99.7897 347.567 92.861 347.567 84.3389V82.835C347.567 76.891 348.66 71.6452 350.844 67.0977C353.064 62.5501 356.286 59.041 360.512 56.5703C364.737 54.0638 369.75 52.8105 375.551 52.8105C383.715 52.8105 390.16 55.3529 394.887 60.4375C399.613 65.4863 401.977 72.5404 401.977 81.5996V88.6357H365.99C366.635 91.8942 368.049 94.4544 370.233 96.3164C372.418 98.1784 375.246 99.1094 378.72 99.1094C384.449 99.1094 388.925 97.1042 392.147 93.0938L400.419 102.869C398.163 105.984 394.958 108.473 390.805 110.335C386.687 112.161 382.247 113.074 377.484 113.074ZM375.443 66.7754C370.144 66.7754 366.993 70.2845 365.99 77.3027H384.252V75.9062C384.324 73.0059 383.59 70.7679 382.05 69.1924C380.51 67.5811 378.308 66.7754 375.443 66.7754Z"
      fill="white"
    />
  </svg>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'nuxt-property-decorator';

@Component
export default class LogoThumbnailComponent extends Vue {
  @Prop({ default: '#2B6CB0' })
  readonly fillColor!: string;
}
</script>

<style></style>
