<template>
  <svg
    v-if="type !== 'corporate'"
    :height="size"
    v-on="$listeners"
    v-bind="$attrs"
    aria-labelledby="title"
    :id="id"
    role="img"
    xmlns="http://www.w3.org/2000/svg"
    :viewBox="viewBox"
  >
    <title lang="en" id="title">{{logoTitle}}</title>
    <g role="presentation" fill="none" fill-rule="evenodd" v-if="!icon && type === 'original'">
      <path
        d="M280.2 104a70.6 70.6 0 0 1 18.8 32c4.8 21-2.3 43.2-18.8 59.3l-83.7 82.1c-13.6 13.3-28.7 23.4-46 22.6-15-.7-22.7-5-41.3-16.3L19 194.3c-10-9.6-13.7-22.5-17.2-35.4-5.4-19.6 7-44.2 22.2-59.4l80.5-80.7c25-25 66-25 91 0z"
        :fill="secondaryColor"
      ></path>
      <path
        d="M299.2 136l.6 3.4c2.7 19.9-2.4 38-16.2 52.2a3741 3741 0 0 1-90.2 90.3 60.5 60.5 0 0 1-84.7 1.6l-92.3-91.8h-.2L84.8 178a63.5 63.5 0 0 0 36.4 37.2 110 110 0 0 0 69.5 3.2 40 40 0 0 0 14.3-6.7c6.7-4.9 9.2-13.1 7-21.1-2.7-10-7.5-12.5-17.3-8.7a81.7 81.7 0 0 1-38.6 5.4c-12-1.3-22.5-5.4-28.4-17.7l58.6-11.6c1.8-.2 3.6-.4 5.6-.8 4.8-.8 9.8-1.3 14.2-3zM138.5 75c-36.7 5.6-59.6 31.7-59.8 68.3 0 2 0 4.1-.4 5.8L3.3 164c-6.1-17.5-1.4-33.4 7.2-48.4A86 86 0 0 1 24 99.5L101.8 21a65.5 65.5 0 0 1 96-.4l81.6 81.8c1.5 1.5 3 3.2 5.1 5.8l-65 12.9c-1.2-1.4-1.5-2.9-2-4.3-12.8-36.3-50.8-46.4-79-42zm5 35.9c14-1.8 21.5 2.6 25.8 15.9-17.6 4-30.1 5.4-45.4 7.7.4-14.3 7.2-22.1 19.5-23.6z"
        :fill="primaryColor"
      ></path>
      <g>
        <path
          d="M418.7 133.3c-2.6-5-5.8-8.5-9.5-10.4-3.7-2.1-7.9-3-12.3-3-4.6 0-8.8.9-12.5 3a25 25 0 0 0-9.4 10.4zm.3-40a61.7 61.7 0 0 1 31.5 31.4c3.2 7 4.8 14.4 4.8 22.1 0 4.1-1.4 7.5-4.7 10-3 2.3-7 3.4-11.6 3.2h-64c5.3 9.1 12.5 13.7 21.9 13.7a25.2 25.2 0 0 0 11.1-2.4l4.2-1.6a12 12 0 0 1 4.7-.8c3.3.2 6.2 1.2 8.7 2.9 2.5 1.8 4.4 4 5.6 6.7s1.6 5.5 1.1 8.5c-.3 3-1.7 5.9-4.1 8.4a37.7 37.7 0 0 1-14.5 7.4 71.3 71.3 0 0 1-16.8 2.3c-7.8.3-15.1-1-22.2-4.3a60 60 0 0 1-36.1-54 59.8 59.8 0 0 1 35.8-53.4 54 54 0 0 1 22.5-4.9 52.4 52.4 0 0 1 22 4.9zm126.6-4c4.2 1.8 7.2 4.5 8.9 8.5 1.8 4 1.8 8 0 12.2L522 195c-.8 1.8-2.5 3.8-5.2 6.4a13.8 13.8 0 0 1-9.5 3.7c-3.1 0-6.2-.8-9.1-2.3s-5-4.2-6.2-7.9L459 110a15 15 0 0 1 0-12.1c1.9-4 4.8-6.7 9-8.6 4.2-1.6 8.2-1.5 12.2.3s7 4.7 8.7 9l17.8 46.1 17.9-46.2a16.3 16.3 0 0 1 21-9.2zm93.9 44c-2.8-5-6-8.5-9.7-10.4-3.7-2.1-7.7-3-12.2-3-4.7 0-8.9.9-12.5 3-3.7 2-6.8 5.5-9.5 10.4h43.8zm.2-40a63.6 63.6 0 0 1 31.5 31.5c3.3 7 4.9 14.3 4.9 22 0 4.1-1.6 7.5-4.7 10s-7 3.4-11.7 3.2h-64.1c5.3 9.1 12.7 13.7 22 13.7a25.3 25.3 0 0 0 11.1-2.4l4-1.6c1.5-.6 3-.8 4.8-.8 3.3.2 6.3 1.2 8.7 2.9 2.6 1.8 4.4 4 5.7 6.7 1.1 2.6 1.5 5.5 1.1 8.5-.3 3-1.8 5.9-4.2 8.4-4.3 3.6-9.1 6-14.4 7.4s-11 2.1-16.8 2.3c-7.7.3-15.2-1-22.2-4.3a60 60 0 0 1-36.2-54 60.1 60.1 0 0 1 36-53.4c7-3.3 14.4-4.9 22.4-4.9a52.7 52.7 0 0 1 22 4.9zM765.5 92a57.5 57.5 0 0 1 36.2 52.2v44.5c0 4.2-1.5 7.8-4.5 10.8a15.8 15.8 0 0 1-22.1.6 13.7 13.7 0 0 1-4.7-10.7v-43.3a26.6 26.6 0 0 0-16.5-24.9c-3.3-1.3-6.9-2.1-10.7-2.1-3.6 0-7 .6-10.1 2a30.1 30.1 0 0 0-8.4 5.4 25.6 25.6 0 0 0-8 18.3v44c0 4-1.6 7.7-4.8 10.9s-7 4.7-11 4.7-7.9-1.5-11.1-4.4-4.9-6.4-4.9-10.6v-43.3a60.1 60.1 0 0 1 4.8-22.7 57.7 57.7 0 0 1 30.6-31 59.8 59.8 0 0 1 45.3-.3v-.1zm78.1-36c3 3 4.7 7 5 11.6v19.2H890c4.7 0 8.5 1.6 11.4 4.9s4.3 7 4.3 11.2-1.7 8-4.9 11.3a14.7 14.7 0 0 1-10.8 4.9h-41.3v26.6a28.1 28.1 0 0 0 7.7 19.2 23.8 23.8 0 0 0 8.5 6 29.8 29.8 0 0 0 21.4.5c3-1.1 5.5-2.8 7.8-5.1 3.4-3 7.2-4.4 11.2-4.4 4.2-.1 8 1.5 11.4 4.6 1.6 1.5 2.9 3 3.7 5s1.3 3.7 1.3 5.8a14.8 14.8 0 0 1-4 11 62.5 62.5 0 0 1-18.5 12.4c-6.8 3-14 4.4-21.6 4.4a64 64 0 0 1-43.2-16.3 58 58 0 0 1-18.5-43.1V66.4c0-4.3 1.7-8 5-10.9a17 17 0 0 1 11.3-4.3 15 15 0 0 1 11.4 4.8z"
          :fill="primaryColor"
        ></path>
        <path
          d="M961 157.3c1.4 3.3 3.4 6 6 8.5a27.1 27.1 0 0 0 8.4 5.8c3.3 1.5 6.7 2.1 10.4 2.1 3.5 0 7-.6 10.2-2.1 3.3-1.4 6-3.4 8.7-5.8s4.5-5.2 5.9-8.5c1.4-3.4 2.1-6.8 2.1-10.5s-.7-7.1-2.1-10.5a28.3 28.3 0 0 0-24.8-16.5 27.8 27.8 0 0 0-18.9 8.3 26 26 0 0 0-6 29.1zM949 52.5c2 1 3.6 2 5.1 3.6 1.5 1.4 2.7 3 3.5 5.2.8 2 1.3 4 1.3 6V95a56 56 0 0 1 17.3-5.7 67 67 0 0 1 18 0 63.2 63.2 0 0 1 17.4 5.3 60.6 60.6 0 0 1 15.5 10.8 57.1 57.1 0 0 1 17 41.4 56 56 0 0 1-4.8 22.7 60.8 60.8 0 0 1-31.2 31 54.8 54.8 0 0 1-44.5-.2c-7-3-13.3-7.3-18.7-12.5A62.8 62.8 0 0 1 932 169a54.8 54.8 0 0 1-4.7-22.3V66.1c0-1.9.5-3.8 1.4-5.7a17.7 17.7 0 0 1 8.5-8 11 11 0 0 1 5.8-1c2-.2 4 .3 6 1.1zm110 148.7a16 16 0 0 1-5-11.3v-44.6a59.2 59.2 0 0 1 17.4-39.6 63.8 63.8 0 0 1 40.7-17c4.5 0 8.2 1.6 11.2 4.7 3 3 4.6 6.7 5 11 0 4.4-1.6 8-4.7 11-3 3-6.8 4.5-11.3 4.7a26.2 26.2 0 0 0-18.7 7.7 28 28 0 0 0-5.9 8.5c-1.4 3.4-2 7-2 10.7v44c-.4 4-2 7.5-4.8 10.3-2.9 2.6-6.6 4-11.2 4a15 15 0 0 1-10.8-4.1zm150.2-67.9c-2.8-5-6-8.5-9.7-10.4-3.7-2.1-7.8-3-12.3-3-4.6 0-8.8.9-12.3 3-3.7 2-6.8 5.5-9.6 10.4zm-22-44.8c7.7 0 15 1.7 22.2 4.9a63.6 63.6 0 0 1 31.6 31.4c3.2 7 4.7 14.3 4.7 22 0 4.2-1.5 7.5-4.6 10s-7 3.4-11.8 3.2h-64c5.3 9.1 12.6 13.7 21.9 13.7a26.2 26.2 0 0 0 11.3-2.4c1.2-.6 2.6-1.1 4-1.6 1.4-.6 3-.8 4.7-.8a16.2 16.2 0 0 1 15.5 18c-.4 3.2-1.8 6-4.2 8.5-4.3 3.6-9.1 6-14.4 7.4s-11 2.1-17 2.3c-7.6.3-15-1-22-4.3a60 60 0 0 1-36.2-54 60 60 0 0 1 17.4-40.5 60.2 60.2 0 0 1 18.5-13 53 53 0 0 1 22.4-4.8zm146.9 44.8c-2.6-5-5.9-8.5-9.6-10.4-3.6-2.1-7.8-3-12.3-3a25 25 0 0 0-12.4 3 25 25 0 0 0-9.5 10.4h43.8zm.2-40a62.6 62.6 0 0 1 31.6 31.5c3.2 7 4.8 14.3 4.8 22 0 4.2-1.5 7.5-4.7 10-3.1 2.3-7 3.4-11.6 3.2h-64c5.2 9.1 12.5 13.7 21.8 13.7a24 24 0 0 0 11.2-2.4l4.1-1.6a12 12 0 0 1 4.8-.8 16.2 16.2 0 0 1 15.5 18c-.5 3.2-1.8 6-4.3 8.5-4.3 3.6-9.2 6-14.5 7.4s-10.8 2.1-16.8 2.3c-7.7.3-15-1-22-4.3a60 60 0 0 1-36.2-54 60 60 0 0 1 17.4-40.5 60.2 60.2 0 0 1 18.5-13 53 53 0 0 1 44.4 0z"
          :fill="tertiaryColor"
        ></path>
      </g>
    </g>
    <g role="presentation" fill-rule="evenodd" v-else-if="icon && type === 'original'">
      <path
        d="M238.7 88a59.6 59.6 0 0 1 16 27c4.2 17.9-2 36.7-16 50.3l-71.4 69.5c-11.6 11.2-24.6 19.7-39.3 19-12.7-.5-19.4-4.1-35.2-13.7l-77-75.7c-8.5-8-11.7-19-14.7-30-4.6-16.5 6-37.3 19-50.2L88.6 16a55.3 55.3 0 0 1 77.7 0z"
        :fill="secondaryColor"
      ></path>
      <path
        d="M255 115l.4 3c2.3 17-2 32.2-13.8 44.3l-77 76.4a52 52 0 0 1-72.2 1.3l-78.9-77.8 58.4-11.5a54 54 0 0 0 31 31.5 94.6 94.6 0 0 0 59.4 2.8c4.5-1.2 8.6-3 12.2-5.7a16.3 16.3 0 0 0 6-18c-2.3-8.3-6.4-10.5-14.7-7.3a70.2 70.2 0 0 1-33 4.6c-10.3-1-19.2-4.6-24.3-15l50-9.8 4.8-.6c4.1-.7 8.4-1.2 12.2-2.6zM117.7 63.5c-31.4 4.8-51 26.9-51 57.9 0 1.7 0 3.5-.4 5l-64 12.5c-5.2-14.8-1.2-28.2 6.2-41 3-5 7.3-9.5 11.4-13.6l66.4-66.3a56.2 56.2 0 0 1 81.9-.4L238 86.8a93 93 0 0 1 4.3 4.8l-55.4 11c-1-1.2-1.3-2.5-1.8-3.6-10.9-30.8-43.3-39.4-67.3-35.6zm4.2 30.4c12-1.5 18.4 2.3 22 13.5-15 3.3-25.6 4.6-38.7 6.5.3-12 6.1-18.7 16.7-20z"
        :fill="primaryColor"
      ></path>
    </g>
    <g role="presentation" fill-rule="evenodd" v-else-if="!icon && type === 'tv'">
      <path
        d="M820.4 185.8c30.4 0 27.4-42.6 2-42.6-13 0-22.3 9.7-22.3 20.4 0 13.6 9.9 22.2 20.3 22.2zM774 98.6c0-5.8 5.8-11.6 11.6-11.6 18.3 0 14.5 20.9 14.5 34.9a49 49 0 0 1 55 9c30.2 30.2 6.5 81.1-32.7 81.1-26.6 0-48.4-22-48.4-45.5zm209 44.7c-7.8 0-14.8 3.8-16.4 9.7h33a16.5 16.5 0 0 0-15.6-9.7zm-47.3 18.4c0-25.3 32.7-56.5 67-40l13.5 9.7c2 2 3.3 4 5.3 6.4 5.4 6.6 9 16.4 9 25.8 0 13.2-12.9 12.6-26.2 12.6h-37.7c9.4 17.6 28.2 5.8 32 5.8 7.5 0 13.5 6.8 13.5 12.5 0 18-36.6 24.3-56.8 8.4a48.2 48.2 0 0 1-19.6-41.2zm147.7-18.4c-8 0-12.6 4.3-15.4 9.7h32.8c-1.6-6-8.6-9.7-16.4-9.7zm-46.3 21.3c0-24.4 22-47.5 46.3-47.5 40.2 0 62.6 53.1 38.7 58.3-6.5 1.4-45.7.8-54.1.8 11.8 17.7 26.8 5.8 31.8 5.8 8.3 0 13.5 5.5 13.5 14.5 0 11-17.2 15.5-29 15.5a48.2 48.2 0 0 1-47.2-47.4zm168.4-66c0-6 7.5-11.6 13.5-11.6 16 0 13.5 19.2 13.5 29 32.5 0 45.2-4.5 45.2 15.5 0 15.6-30 11.6-45.2 11.6 0 19-2.8 27 7.4 37 15 14.5 30.7-3.2 35.9-3.2 4.7 0 8.2-.2 12.1 4.3 18 20.4-38.7 48.2-69.2 16.3a49.4 49.4 0 0 1-13.2-32.2zm169.5 31c0 2.6-7.8 21.7-9.3 25.8l-19 49.2c-4.3 7.2-14.7 10.7-21.8 3.4-3-3.1-26.6-66.4-29.1-73.1a13.3 13.3 0 0 1 23.8-12l14.5 37.9 3.3-6.4 2.4-6.4c5.8-15.5 9.3-32 21.6-32a14 14 0 0 1 13.6 13.6zm-498.4 28c0-10 9.9-23.6 15.8-28.6 7-6 30.6-18.6 40.8-7.4 1.8 2 3.6 5.7 3.6 9 0 13-16.1 12.7-18.6 13.4-20.6 5.7-15.5 27-15.4 48.5.2 29.5-26.2 19.6-26.2 8.6zm268.7 32.2c0-24.8 41.3-26.7 41.3 2 0 25.3-41.3 29.2-41.3-2z"
        :fill="tertiaryColor"
      ></path>
      <path
        d="M525.4 143.2c-8 0-14.8 3.6-16.4 9.7h32.8c-3.4-5-7.2-9.7-15.4-9.7zm-47.2 19.3c0-23 21-45.4 48.2-45.4 34.6 0 61.2 50.4 37.4 57.8-6.6 2-46.2 1.2-54.8 1.2 9.4 17.7 27.2 5.8 31.8 5.8 7.7 0 13.5 6.4 13.5 14.5 0 11.7-27.7 21.6-49.5 11-4.3-2.1-9.8-6.2-13-9.3a45.8 45.8 0 0 1-13.6-35.6zm-131-18.8c-10 0-13.3 3.8-17.3 9.8h33.7c-3.3-5-7.2-9.8-15.4-9.8zM300 161.2a40 40 0 0 1 5-17.3l8.6-11.7c5.2-5 7.3-6.8 14-10.2 43.4-22 78.2 36 63.7 50.7-6.6 6.6-48.3 4.1-60.5 4.1 1.5 5.6 8.4 9.7 15.5 9.7 10.3 0 10-3.9 16.4-3.9 10.8 0 22.6 16.6 2.9 26.3a46.5 46.5 0 0 1-51.9-10c-11.3-11.4-13.7-22.1-13.7-37.7zm384.2-61.6A12 12 0 0 1 695.8 87c17.7 0 15.4 14.9 15.4 28h29c24 0 18.3 27.1 4.7 27.1h-33.7v23.2c0 9.2 9.1 19.3 18.3 19.3 22.9 0 14.6-8.7 27-8.7 10.3 0 19.7 14.3 8.3 23.8a48.4 48.4 0 0 1-80.6-35.4zM578.7 172c0-59 56.3-65.5 79.7-42.6 19.5 19.2 15.5 37.4 15.5 66.8 0 8.6-4.5 15.5-11.6 15.5-11.3 0-14.5-4.1-14.4-15.4V171c.2-34.1-29.4-32.2-38.5-19.4-6.8 9.5-2.7 29.7-3.8 46.6-1.2 17.3-19.8 16-24.4 8.1-3.9-6.5-2.5-25.2-2.5-34.3zm-183-41.3c0-4 1.3-7 3.4-9.3 3.9-4.4 7.4-4.2 12.1-4.2 13.8 0 18 38.3 25 43.4l14.2-37c6-11 24.5-6.9 24.5 4.2 0 10.8-19.3 55.7-24.3 69.3-8 21.7-22 14.5-25.6 9.6z"
        :fill="primaryColor"
      ></path>
      <path
        d="M245.2 128.1a61.9 61.9 0 0 1 16.5 28.1c4.2 18.4-2 37.9-16.5 52l-73.4 72c-11.9 11.6-25.2 20.5-40.3 19.8-13-.6-20-4.4-36.2-14.3l-79.1-78.4c-8.7-8.4-12-19.7-15.1-31-4.7-17.2 6.2-38.8 19.5-52L91 53.4c22-22 57.9-22 79.8 0z"
        :fill="secondaryColor"
      ></path>
      <path
        d="M261.9 156.2l.5 3c2.4 17.4-2 33.3-14.2 45.8-26 26.8-52.3 53.3-79.1 79.2a53 53 0 0 1-74.2 1.4l-81-80.5-.1-.1 60-11.8 2.3 5a55.7 55.7 0 0 0 29.7 27.6c20 8 40.4 8 61 2.8 4.6-1.2 8.8-3.1 12.5-6a17 17 0 0 0 6.2-18.4c-2.4-8.7-6.6-11-15.2-7.6-11 4.3-22.3 5.9-34 4.7-10.4-1.1-19.6-4.7-24.8-15.5l51.4-10.2 5-.7c4.2-.7 8.6-1.2 12.5-2.7zm-141-53.5c-32.1 5-52.2 27.8-52.3 60 0 1.7 0 3.5-.4 5l-65.8 13c-5.3-15.3-1.2-29.2 6.4-42.4 3-5.2 7.5-9.8 11.8-14.1l68.2-68.7a57.4 57.4 0 0 1 84-.4c4.5 18.7 8.3 29.6 11.4 32.7 7.1 7.2 19.1-2.2 30.2 8.9l30 30.2c1.4 1.3 2.7 2.8 4.6 5l-57 11.3c-1-1.2-1.3-2.5-1.8-3.7-11.2-31.8-44.5-40.7-69.2-36.8zm4.4 31.5c12.3-1.6 18.9 2.3 22.7 14-15.4 3.4-26.4 4.7-39.8 6.7.3-12.5 6.3-19.4 17-20.7z"
        :fill="primaryColor"
      ></path>
      <path
        d="M213 66.7c.8-4.8 1-8.9 3.2-12 8-1 4.8 6.3 3.8 12-1 5.3-.8 11.3-4.7 13.7-3.3.7-15.4-17.2-13.8-22.7 4.5-1.4 5-.4 7 2.8 1.5 2.6 2.2 4.4 4.5 6.2zm-24.7 4c.2 4.6.8 9.4 5.1 10.3 7.3 1.5 3.7-4.3 10.2-3 8.1 6.1-10.3 15.5-18.7 5.3-3.1-3.7-3.4-9.1-4.4-14.2-1.2-6.5-4-11.9 3.5-11.9 3 3 1.1 3.4 3.4 6.5 5.5-.7 9.1-3 11.2 0 2.8 6-5.5 6.2-10.3 7zm-1.5-32.2a223 223 0 0 1 11.6-3h-2.7c0-6.2 4.6-32.8 8.2-35.5 4.5 3.1 2.3 8.3-.2 20l-3 14.9a86.3 86.3 0 0 1 16.3-2.5c11 0 15.3 18.6 13.8 29.1-.5 3.6-.2 6.8-.7 10.4l-3.4 18.7c-.8 3.5-1.8 6-2 9-4.8-1.3-4-5.2-6-5.2-2.8 0-9.9 2.8-13.4 3.6-10 2.2-4.4 2-7.8 9.2-9.3-2.5-48.8-50.2-28.6-61.9 2.7-1.6 7.6-3.5 13.2-5.3-4.2-3.3-11.4-14.2-15.4-18.9-1.3-1.4-4.5-4.5-4.5-6.7v-2.6c4.5.1 5.7 2.4 7.9 5 3.3 3.8 15.6 18.2 16.7 21.7z"
        :fill="tertiaryColor"
      ></path>
    </g>
    <g role="presentation" fill-rule="evenodd" v-else-if="icon && type === 'tv'">
      <path
        :fill="secondaryColor"
        d="M209.3 103.7a52.8 52.8 0 0 1 14 24 47.4 47.4 0 0 1-14 44.4l-62.7 61.4c-10.1 10-21.5 17.5-34.4 16.9-11.1-.5-17-3.7-30.8-12.2l-67.6-66.9C6.4 164.2 3.6 154.5 1 144.8c-4-14.6 5.2-33 16.6-44.4l60.2-60.3a48.2 48.2 0 0 1 68 0z"
      ></path>
      <path
        :fill="primaryColor"
        d="M223.5 127.7l.4 2.6c2 14.9-1.8 28.4-12.1 39a2799.7 2799.7 0 0 1-67.5 67.6 45.3 45.3 0 0 1-63.3 1.2l-69.1-68.7h-.1L63 159.2A47.5 47.5 0 0 0 90.3 187c17 6.8 34.4 6.8 52 2.4 4-1 7.5-2.6 10.7-5 5-3.7 6.9-9.9 5.3-15.8-2-7.5-5.7-9.3-13-6.5a61 61 0 0 1-29 4c-8.9-1-16.7-4-21.2-13.3l43.9-8.6 4.2-.6c3.6-.6 7.3-1 10.6-2.3zM103.2 82c-27.4 4.3-44.6 23.8-44.7 51.2 0 1.5 0 3-.3 4.4L2 148.6c-4.5-13-1-24.9 5.5-36.2 2.6-4.4 6.4-8.3 10-12l58.3-58.6a49 49 0 0 1 71.7-.3c.8 18 2.5 28.3 5.2 31 2.8 2.8.4 2.5 4.5 2.5 1.9 0 5.8 2.2 9.8 2 6.1-.5 12.8-3.1 16 0l25.6 25.7 3.9 4.3-48.7 9.6c-.8-1-1-2.1-1.5-3.1-9.6-27.2-38-34.8-59-31.5zm3.7 27c10.5-1.4 16.1 2 19.4 11.8-13.2 3-22.5 4-34 5.8.3-10.6 5.4-16.5 14.6-17.7z"
      ></path>
      <path
        :fill="tertiaryColor"
        d="M159.4 32.9c3.2-1 6.7-1.9 10-2.7H167c0-5.2 4-27.9 7-30.2 3.8 2.6 2 7-.2 17.1l-2.5 12.7a73.6 73.6 0 0 1 13.9-2.1c9.3 0 13 15.8 11.8 24.8-.5 3-.2 5.7-.7 8.8l-2.9 16c-.6 3-1.5 5.2-1.7 7.6-4-1-3.4-4.3-5-4.3-2.5 0-8.5 2.4-11.5 3-8.6 2-3.7 1.8-6.6 7.8-8-2-41.7-42.8-24.5-52.8a66 66 0 0 1 11.3-4.5c-3.6-2.8-9.7-12.1-13.2-16-1-1.3-3.8-4-3.8-5.8V10c3.8 0 4.8 2 6.7 4.2C148 17.6 158.5 30 159.4 33z"
      ></path>
      <path
        :fill="secondaryColor"
        d="M181.8 56.9c.6-4 .9-7.6 2.7-10.3 6.9-.7 4.1 5.5 3.2 10.3-.8 4.5-.7 9.7-4 11.7-2.8.6-13.1-14.7-11.7-19.4 3.7-1.2 4.2-.3 5.9 2.5 1.3 2.1 1.9 3.7 3.9 5.2zm-21.1 3.4c.2 4 .7 8 4.4 8.8 6.2 1.3 3.1-3.7 8.7-2.6 6.8 5.3-8.9 13.3-16 4.6-2.7-3.2-3-7.8-3.8-12.1-1-5.5-3.4-10.2 3-10.2 2.6 2.6 1 3 2.9 5.6 4.7-.6 7.8-2.5 9.5 0 2.5 5.1-4.6 5.3-8.8 6z"
      ></path>
    </g>
  </svg>
  <svg
    v-else
    fill-rule="evenodd"
    :height="size"
    v-on="$listeners"
    v-bind="$attrs"
    aria-labelledby="title"
    :id="id"
    role="img"
    xmlns="http://www.w3.org/2000/svg"
    :viewBox="viewBox"
  >
    <title lang="en" id="title">{{logoTitle}}</title>
    <g id="eventbree-corporate-logo" v-if="!icon">
      <path
        :fill="secondaryColor"
        id="bg"
        d="M620 429l-105-34-44 37c-11 11-57 56-69 65-13 9-19 15-40 13-28-4-33-15-54-34l-79-75 60-11c21 54 96 56 133 41 11-5 35-24 33-39-2-19-30-17-45-13l-9 4c-14 5-10 6-16-12 9-5 51-3 67-6 13-3 107-26 112-30-8-19-30-37-36-47l-67 14c-8-11-25-38-49-51-46-26-110 8-126 58-6 21-2 27-11 30l-16 5c-16 4-46 11-58 12-8-50 9-53 40-84 15-15 76-63 87-72 34-28 58-27 90 1l79 73 116-25c-9-32-20-69-41-95-17-21-40-41-59-51-53-28-139-36-205-24-129 23-203 119-200 268 2 73 7 131 48 185 30 40 86 73 159 81 69 8 155 11 206-18 25-14 66-43 85-70 13-20 9-68 14-96z"
      ></path>
      <path
        :fill="primaryColor"
        id="front"
        d="M43 81v531a63 63 0 0 0 59 59h531c11 0 24-6 32-11l4-3 4-4c9-8 18-25 19-38V77a66 66 0 0 0-26-44c-7-5-22-11-32-12H101c-19 1-36 12-47 27-6 7-11 22-11 33zm571 352l-102-30-102 100a72 72 0 0 1-52 15c-19-3-36-14-44-23l-18-17-50-51c-6-5-32-30-34-35l78-15c10 23 25 37 50 46 24 8 58 8 81-2 11-4 21-13 18-27-3-19-15-13-29-9-27 7-61 5-69-17 31-8 66-14 98-20l97-19 1-1c-2-8-8-16-11-22-8-11-7-9-22-6-16 3-41 10-56 11-5-6-7-27-34-43-42-24-109-11-126 41-3 10-4 30-5 34-5 2-78 17-88 18-8-29 2-48 18-68l65-64c12-12 24-27 37-38 33-27 74-26 105 2l37 37 38 37c6 0 102-22 114-25-5-23-26-60-38-76-14-19-35-40-60-53-53-28-131-34-197-22-140 24-195 133-191 266 2 73 23 128 58 171 35 41 75 68 152 76 73 8 139 2 192-31 23-15 41-35 56-58 12-18 29-56 33-82zM339 326c11-1 45-6 53-9-3-25-52-28-53 9z"
      ></path>
      <path
        :fill="primaryColor"
        id="eventbree"
        d="M1036 175a123 123 0 0 1 74 108c0 8-3 15-10 19a36 36 0 0 1-23 7H948c10 18 25 28 44 28a54 54 0 0 0 23-5l8-3c3-2 6-2 9-2 7 0 13 2 18 6a33 33 0 0 1 14 22 31 31 0 0 1-9 25 77 77 0 0 1-29 15c-11 3-22 4-34 5-16 0-30-2-45-9a122 122 0 0 1-73-109 121 121 0 0 1 94-114 108 108 0 0 1 68 7zm0 80a50 50 0 0 0-19-21 49 49 0 0 0-32-6 53 53 0 0 0-18 6 49 49 0 0 0-19 21h88zm258-87c8 3 14 9 18 17s4 16 0 24l-66 170a43 43 0 0 1-15 17 29 29 0 0 1-15 4c-6 0-13-2-19-5-5-3-10-8-12-16l-67-170a29 29 0 0 1 3-30 33 33 0 0 1 58 7l36 93 36-93c4-8 10-14 18-18 8-3 17-4 25 0zm215 18a129 129 0 0 1 44 52c6 14 9 29 9 45a24 24 0 0 1-15 23 35 35 0 0 1-18 3h-129c11 18 26 28 44 28a54 54 0 0 0 23-5l8-3c3-2 6-2 10-2a33 33 0 0 1 29 19c2 6 2 11 2 17-1 7-4 12-9 17-8 7-18 12-29 15-10 3-22 4-34 5-15 0-30-2-44-9a121 121 0 0 1-73-108 121 121 0 0 1 117-118 107 107 0 0 1 45 10l20 11zm-20 69a52 52 0 0 0-20-21c-8-4-16-6-25-6s-17 2-25 6a52 52 0 0 0-19 21h89zm260-81a115 115 0 0 1 73 105v89a32 32 0 0 1-53 23c-7-5-11-12-11-21v-87a53 53 0 0 0-19-42 53 53 0 0 0-24-12 53 53 0 0 0-32 3 52 52 0 0 0-33 48v88c0 9-3 16-9 22a32 32 0 0 1-23 10c-8 0-16-3-22-9a29 29 0 0 1-7-10 26 26 0 0 1-3-11v-87a120 120 0 0 1 34-83 126 126 0 0 1 60-32 119 119 0 0 1 69 6zm168-54v40h83c9 0 17 3 22 9a34 34 0 0 1-1 46c-6 7-13 10-21 10h-83v54a57 57 0 0 0 33 51 57 57 0 0 0 32 4l10-3c6-2 11-5 16-10a33 33 0 0 1 45 0l7 10 3 12a30 30 0 0 1-4 18l-4 5a129 129 0 0 1-47 29 104 104 0 0 1-33 5 126 126 0 0 1-86-33 119 119 0 0 1-37-88V118a30 30 0 0 1 15-26 33 33 0 0 1 17-5c9 0 17 3 23 10 6 6 10 14 10 23zm214-30l10 7c3 3 6 6 7 10l3 13v56a113 113 0 0 1 89-7 130 130 0 0 1 48 28 118 118 0 0 1-1 168 115 115 0 0 1-164 0c-11-11-20-24-26-38-7-14-10-30-10-46V117c0-4 1-8 3-11a38 38 0 0 1 7-10 33 33 0 0 1 10-7l12-2 12 2v1zm24 212a55 55 0 0 0 20 25 57 57 0 0 0 30 9 52 52 0 0 0 38-16c5-5 9-11 12-17a53 53 0 0 0 0-43c-3-7-7-13-12-17a58 58 0 0 0-27-15 49 49 0 0 0-41 8 60 60 0 0 0-23 35 54 54 0 0 0 3 32v-1zm201 90a31 31 0 0 1-9-23v-90a119 119 0 0 1 118-114 34 34 0 0 1 33 31c-1 10-4 17-10 23a34 34 0 0 1-23 10 53 53 0 0 0-45 23 53 53 0 0 0-9 31v88c-1 8-4 15-10 21a32 32 0 0 1-16 8h-7c-9 0-16-3-22-8zm316-217a128 128 0 0 1 70 85 102 102 0 0 1 3 23c0 8-3 15-10 20a35 35 0 0 1-23 6h-129c10 19 25 28 44 28l13-1 10-4 8-3 9-2a32 32 0 0 1 30 23c2 4 2 9 2 14-1 6-4 11-9 16a73 73 0 0 1-29 15c-11 3-22 5-34 5-16 1-31-2-45-9a120 120 0 0 1-73-108 121 121 0 0 1 118-117c15 0 30 3 45 9zm-1 80a52 52 0 0 0-19-21c-8-4-16-5-25-5s-18 1-25 5a51 51 0 0 0-19 21h88zm280-69a126 126 0 0 1 51 74 101 101 0 0 1 2 23c0 8-3 15-9 20a36 36 0 0 1-24 6h-129c11 19 25 28 44 28a59 59 0 0 0 16-2 31 31 0 0 0 4-2l3-1 8-3 10-2a32 32 0 0 1 31 37c-1 6-4 11-9 16-8 8-18 12-29 15s-22 5-34 5c-15 1-30-2-44-9a121 121 0 0 1-73-108 120 120 0 0 1 117-118 107 107 0 0 1 45 10l20 11zm-21 70a46 46 0 0 0-13-17l-6-4a51 51 0 0 0-31-6 53 53 0 0 0-19 6 50 50 0 0 0-19 21h88z"
      ></path>
      <path
        :fill="tertiaryColor"
        id="corporate"
        d="M2117 572c-12 0-24-3-35-10a72 72 0 0 1 14-129 73 73 0 0 1 45 0c7 2 14 6 21 12l2 4-1 3-2 1-2 2-2 1-5-2a43 43 0 0 0-27-11 60 60 0 0 0-36 7 59 59 0 0 0 16 107 56 56 0 0 0 48-11l4-1h3a6 6 0 0 1 3 4l1 3-2 5a64 64 0 0 1-44 15h-1zm112-1c-9 0-18-2-26-6-7-5-13-11-18-18-4-8-6-16-6-25 0-10 2-18 6-26a49 49 0 0 1 44-24c9 0 18 2 26 6 7 4 13 11 18 18a53 53 0 0 1 0 51c-5 7-11 13-18 18-8 4-16 6-26 6zm0-13zm19-4c5-4 10-8 13-14a39 39 0 0 0 0-38 34 34 0 0 0-22-17 44 44 0 0 0-10-1 38 38 0 0 0-23 8 34 34 0 0 0-9 10 39 39 0 0 0 0 38c4 6 8 10 13 14 6 3 12 4 19 4s13-1 19-4zm103-82c5 0 9 0 12 2 3 1 4 3 4 5v2l-2 3-4 1h-10c-9 0-17 2-23 7-5 4-8 10-8 18v53l-2 6-5 1-5-1-2-6v-83c0-3 1-4 2-5 1-2 3-2 5-2s4 0 5 2c1 1 2 2 2 5v8c3-6 8-9 13-12 6-3 12-4 18-4zm88 0a50 50 0 0 1 50 49 48 48 0 0 1-86 32v52a7 7 0 0 1-2 5 7 7 0 0 1-5 2l-3-1a7 7 0 0 1-4-6v-84a50 50 0 0 1 24-43c8-4 17-6 26-6zm0 86a36 36 0 0 0 34-22 41 41 0 0 0-2-33 34 34 0 0 0-13-14 35 35 0 0 0-19-5 36 36 0 0 0-36 43 35 35 0 0 0 36 31zm122 13a47 47 0 0 1-44-24c-4-8-6-16-6-25 0-10 2-18 7-26a49 49 0 0 1 43-24c10 0 18 2 26 6a48 48 0 0 1 24 44 46 46 0 0 1-24 43c-8 4-16 6-26 6zm19-17a38 38 0 0 0 18-32c0-8-2-14-5-20a34 34 0 0 0-22-17 44 44 0 0 0-10-1 37 37 0 0 0-31 18 39 39 0 0 0 0 38c3 6 7 10 13 14 5 3 11 4 18 4s14-1 19-4zm103-82c5 0 9 0 12 2 3 1 4 3 4 5v2l-2 3a7 7 0 0 1-2 1 10 10 0 0 1-2 0h-10a33 33 0 0 0-26 10 23 23 0 0 0-5 15v53c0 3 0 4-2 6l-5 1-5-1-2-6v-83c0-3 1-4 2-5 2-2 3-2 5-2s4 0 5 2c2 1 2 2 2 5v8a35 35 0 0 1 13-12c6-3 12-4 18-4zm76 0a50 50 0 0 1 43 24c5 8 7 16 7 25v42a7 7 0 0 1-2 5 7 7 0 0 1-5 2 7 7 0 0 1-6-3l-1-1a6 6 0 0 1 0-3v-10a47 47 0 0 1-38 18 48 48 0 0 1-48-49 50 50 0 0 1 14-36l10-8c8-4 16-6 26-6zm0 86zm19-4a34 34 0 0 0 14-18 36 36 0 0 0 3-14 37 37 0 0 0-5-19 36 36 0 0 0-22-18 36 36 0 0 0-19 0 35 35 0 0 0-16 10 37 37 0 0 0-11 26c0 7 2 14 5 19 3 6 8 10 13 14 6 3 12 4 19 4s13-1 19-4zm102 2l4 2 2 5v3l-1 1-1 1-6 2h-4a33 33 0 0 1-33-34v-48h-11a7 7 0 0 1-3 0 6 6 0 0 1-2-2l-2-4 2-4 1-1 1-1h14v-28l2-5 5-2 5 2c2 2 2 3 2 5v28h21l4 2 2 4-2 4-1 1h-1l-1 1h-22v48c0 5 2 10 6 14 3 4 8 6 13 6h6zm94-78c7 4 12 10 16 17s6 15 6 25l-2 4c-1 2-3 2-5 2h-73a35 35 0 0 0 24 31l13 2a43 43 0 0 0 18-5l6-3 5-2h2a6 6 0 0 1 4 4v2l-2 4a52 52 0 0 1-37 12 53 53 0 0 1-22-6 51 51 0 0 1-24-43 54 54 0 0 1 10-32 43 43 0 0 1 13-12c7-4 15-6 24-6s17 2 24 6zm-46 14a35 35 0 0 0-11 23h66c-1-10-4-17-10-23-6-5-14-8-23-8s-16 3-22 8z"
      ></path>
    </g>
    <g id="eventbree-corporate-icon" v-else>
      <path
        :fill="secondaryColor"
        id="bg"
        d="M620 429l-105-34-44 37c-11 11-57 56-69 65-13 9-19 15-40 13-28-4-33-15-54-34l-79-75 60-11c21 54 96 56 133 41 11-5 35-24 33-39-2-19-30-17-45-13l-9 4c-14 5-10 6-16-12 9-5 51-3 67-6 13-3 107-26 112-30-8-19-30-37-36-47l-67 14c-8-11-25-38-49-51-46-26-110 8-126 58-6 21-2 27-11 30l-16 5c-16 4-46 11-58 12-8-50 9-53 40-84 15-15 76-63 87-72 34-28 58-27 90 1l79 73 116-25c-9-32-20-69-41-95-17-21-40-41-59-51-53-28-139-36-205-24-129 23-203 119-200 268 2 73 7 131 48 185 30 40 86 73 159 81 69 8 155 11 206-18 25-14 66-43 85-70 13-20 9-68 14-96z"
      ></path>
      <path
        :fill="primaryColor"
        id="front"
        d="M43 81v531a63 63 0 0 0 59 59h531c11 0 24-6 32-11l4-3 4-4c9-8 18-25 19-38V77a66 66 0 0 0-26-44c-7-5-22-11-32-12H101c-19 1-36 12-47 27-6 7-11 22-11 33zm571 352l-102-30-102 100a72 72 0 0 1-52 15c-19-3-36-14-44-23l-18-17-50-51c-6-5-32-30-34-35l78-15c10 23 25 37 50 46 24 8 58 8 81-2 11-4 21-13 18-27-3-19-15-13-29-9-27 7-61 5-69-17 31-8 66-14 98-20l97-19 1-1c-2-8-8-16-11-22-8-11-7-9-22-6-16 3-41 10-56 11-5-6-7-27-34-43-42-24-109-11-126 41-3 10-4 30-5 34-5 2-78 17-88 18-8-29 2-48 18-68l65-64c12-12 24-27 37-38 33-27 74-26 105 2l37 37 38 37c6 0 102-22 114-25-5-23-26-60-38-76-14-19-35-40-60-53-53-28-131-34-197-22-140 24-195 133-191 266 2 73 23 128 58 171 35 41 75 68 152 76 73 8 139 2 192-31 23-15 41-35 56-58 12-18 29-56 33-82zM339 326c11-1 45-6 53-9-3-25-52-28-53 9z"
      ></path>
    </g>
  </svg>
</template>

<script>
import SizePropMixin from '../../../mixins/size-prop-mixin';
import { isValidColor } from '../../../helpers';

export default {
  name: 'EbLogo',
  mixins: [SizePropMixin],
  props: {
    type: {
      type: String,
      default: 'original',
      description: 'Logo Type',
      validator: val =>
        ['corporate', 'tv', 'original'].includes(val.toLowerCase())
    },
    id: {
      type: String,
      description: 'Id of Logo Element',
      default() {
        return `${this.icon ? 'logo-icon' : 'logo'}-${this._uid}`;
      }
    },
    icon: {
      type: Boolean,
      description: 'Show Icon Only',
      default: false
    },
    title: {
      type: String,
      description: 'Title of Logo',
      default: 'Eventbree'
    },
    primaryColor: {
      type: String,
      default: '#e5303e',
      description: 'Primary Color of Icon',
      validator: val => isValidColor(val)
    },
    secondaryColor: {
      type: String,
      default: '#fff',
      description: 'Secondary Color of Icon',
      validator: val => isValidColor(val)
    },
    tertiaryColor: {
      type: String,
      default: '#262526',
      description: 'Secondary Color of Icon',
      validator: val => isValidColor(val)
    },
    size: {
      default: '40'
    }
  },

  computed: {
    viewBox() {
      if (!this.icon && this.type === 'original') {
        return '0 0 1371 301';
      } else if (!this.icon && this.type === 'corporate') {
        return '0 0 3047 686';
      } else if (this.icon && this.type === 'corporate') {
        return '0 0 686 686';
      } else if (!this.icon && this.type === 'tv') {
        return '0 0 1375 300';
      } else {
        return '0 0 256 256';
      }
    },
    logoTitle() {
      return (
        (this.type === 'original'
          ? this.title
          : this.type === 'tv'
          ? this.title + ' TV'
          : this.title + 'Corporate') + (this.icon ? ' Icon' : ' Logo')
      );
    }
  }
};
</script>