<template>
  <svg
    viewBox="0 0 450 100"
    width="306"
    xmlns="http://www.w3.org/2000/svg"
  >
    <title>Threeflow</title>
    <path
      d="M405.1,49.85c-3.3,0-4,3.6-4,8.69,0,6.69,1.3,12.49,3.8,17.48,2.8-5,4.1-11.49,4.1-17.68,0-4.5-.5-8.49-3.9-8.49Zm-104.3-28.57c0-4.1,2.3-7.39,6.19-7.39,2.9,0,4.6,1.8,4.6,4.3,0,3.5-2.7,5.39-7.39,5.39h-7.79l-4.4-.1h-48.15V98.9h16.08v-28.57h19.28v-14.69h-19.28v-17.98h30.67l3.3-.1h7.79c13.09,0,24.08-5.69,24.08-18.68,0-10.69-7.39-17.88-18.98-17.88-13.59,0-21.98,10.49-21.98,23.28V98.9h15.98V21.28Zm136.86,18.38c4,9.29,6.09,18.48,6.09,28.17,0,18.58-7.59,32.07-24.38,32.07-5.39,0-10.29-1.6-14.69-4.8-4.4,3.2-9.49,4.8-15.09,4.8-16.58,0-23.28-12.89-23.28-31.77,0-9.69,2-18.68,6.09-28.47h15.78c-3.9,10.19-6.19,17.48-6.19,27.57s2.2,18.28,10.09,18.28c1.3,0,2.6-.2,3.7-.6-4.2-7.59-6.29-16.58-6.29-25.47,0-14.19,5.19-21.28,15.58-21.28,11.09,0,15.48,8.29,15.48,21.18,0,9.09-2.2,17.98-6.79,25.67,1.3,.4,2.6,.5,3.6,.5,8.09,0,10.69-8.39,10.69-19.08,0-9.39-2.2-16.48-6.19-26.77h15.78Zm-103.8,12.89c-7.09,0-10.59,5.49-10.59,16.38s3.5,16.18,10.49,16.18,10.59-5.49,10.59-16.38-3.5-16.18-10.49-16.18Zm-.1,47.35c-17.58,0-26.57-11.29-26.57-30.27s8.49-31.67,26.87-31.67,26.37,11.59,26.37,30.27-8.19,31.67-26.67,31.67Zm-129.57-28.77c.9,9.59,5.19,14.49,14.89,14.49,6.49,0,12.49-2.1,17.98-6.39v14.89c-5.29,3.8-13.49,5.79-20.48,5.79-18.28,0-28.57-11.09-28.57-30.67,0-17.88,8.59-31.27,25.37-31.27,15.78,0,23.88,11.59,23.88,29.37,0,1.7-.1,3.9-.3,6.49h-34.17v-11.49h18.98c-.4-6.49-2.7-10.99-8.29-10.99s-8.69,4.2-9.29,13.09v6.69Zm-54.85,0c.9,9.59,5.19,14.49,14.89,14.49,6.49,0,12.49-2.1,17.98-6.39v14.89c-5.29,3.8-13.49,5.79-20.48,5.79-18.28,0-28.57-11.09-28.57-30.67,0-17.88,8.59-31.27,25.37-31.27,15.78,0,23.88,11.59,23.88,29.37,0,1.7-.1,3.9-.3,6.49h-34.17v-11.49h18.98c-.4-6.49-2.7-10.99-8.29-10.99s-8.69,4.2-9.29,13.09v6.69Zm-17.88-16.38c-5.19,.2-10.09,.8-14.49,3.1v40.96l-15.98,.1V39.66h15.68v8.49c3.4-4.8,8.69-8.59,14.79-9.59v16.18ZM16.88,36.66v62.24h16.18V36.66h21.98l3.1-.1h4.3c13.09,0,24.08-5.69,24.08-18.68,0-10.69-7.39-17.88-18.98-17.88-13.59,0-21.98,10.49-21.98,23.28l-.1,75.63h15.98V58.34c2.2-2.8,5.89-4.6,9.39-4.6,5.19,0,6.79,3,6.79,7.89v37.26h15.98V58.74c0-11.69-5.99-19.28-16.48-19.28-6.09,0-12.29,2.8-15.68,6.59l.1-25.77c0-4.1,2.3-7.39,6.19-7.39,2.9,0,4.6,1.8,4.6,4.3,0,3.5-2.7,5.39-7.39,5.39h-7.39l-2.2-.1H0v14.19H16.88Z"
      :fill="fillColor"
    />
    <path
      d="M437.42,28.97c0-3.58,2.63-6.28,6.38-6.28s6.55,2.7,6.55,6.22-2.7,6.32-6.55,6.32-6.38-2.63-6.38-6.25Zm11.38,0c0-2.89-2.11-4.97-5-4.97s-4.84,2.07-4.84,4.97,2.04,5,4.84,5,5-2.01,5-5Zm-4.64-3.55c1.35,0,2.2,.66,2.2,1.84,0,1.02-.53,1.61-1.15,1.88,.23,.1,.36,.33,.43,.49l1.25,2.73h-1.48l-1.05-2.3c-.13-.36-.26-.46-.53-.46h-.95v2.76h-1.28v-6.94h2.57Zm.79,1.97c0-.82-.56-.92-1.35-.92h-.72v2.04h.89c.79,0,1.18-.39,1.18-1.12Z"
      :fill="fillColor"
    />
  </svg>
</template>

<script>
  export default {
    name: 'ThreeflowWordmark',
    props: {
      fillColor: {
        type: String,
        default: '#00b980',
      },
    },
  };
</script>
