<template>
  <div>
    <svg
      :width="props.dataStyle.titleSvgWidthAndHeight"
      :height="props.dataStyle.titleSvgWidthAndHeight"
      viewBox="0 0 44 44"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <radialGradient
          cx="29.7864491%"
          cy="6.21001894%"
          fx="29.7864491%"
          fy="6.21001894%"
          r="97.1507645%"
          gradientTransform="translate(0.2979, 0.0621), rotate(60.3473), scale(1, 1.6452), translate(-0.2979, -0.0621)"
          id="radialGradient-ZhiChu_LuXianGuHua-title-button-1"
        >
          <stop stop-color="#58FF95" offset="0%"></stop>
          <stop stop-color="#005516" offset="100%"></stop>
        </radialGradient>
        <circle id="path-ZhiChu_LuXianGuHua-title-button-2" cx="21.5" cy="21.5" r="18.5"></circle>
        <filter
          x="-17.6%"
          y="-17.6%"
          width="135.1%"
          height="135.1%"
          filterUnits="objectBoundingBox"
          id="filter-ZhiChu_LuXianGuHua-title-button-3"
        >
          <feMorphology
            radius="5"
            operator="erode"
            in="SourceAlpha"
            result="shadowSpreadInner1"
          ></feMorphology>
          <feGaussianBlur
            stdDeviation="4"
            in="shadowSpreadInner1"
            result="shadowBlurInner1"
          ></feGaussianBlur>
          <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
          <feComposite
            in="shadowOffsetInner1"
            in2="SourceAlpha"
            operator="arithmetic"
            k2="-1"
            k3="1"
            result="shadowInnerInner1"
          ></feComposite>
          <feColorMatrix
            values="0 0 0 0 0.0316729677   0 0 0 0 0.546498064   0 0 0 0 0.164921816  0 0 0 1 0"
            type="matrix"
            in="shadowInnerInner1"
          ></feColorMatrix>
        </filter>
        <path
          d="M7.65586253,6.66256664 L12.2195778,3.8037753 C12.6876159,3.51058802 13.304711,3.65233262 13.5978983,4.12037072 C13.7989088,4.44125971 13.8014376,4.84815915 13.604431,5.17152171 L7.97899058,14.4050017 C7.6916432,14.8766477 7.07635752,15.0260513 6.60471154,14.7387039 C6.46844749,14.6556858 6.35402744,14.5412658 6.27100942,14.4050017 L0.645569043,5.17152171 C0.358221661,4.69987573 0.507625191,4.08459005 0.979271167,3.79724266 C1.30263373,3.60023603 1.70953317,3.60276481 2.03042216,3.8037753 L6.59413747,6.66256664 C6.9188241,6.86595604 7.3311759,6.86595604 7.65586253,6.66256664 Z"
          id="path-ZhiChu_LuXianGuHua-title-button-4"
        ></path>
        <filter
          x="-45.8%"
          y="-41.4%"
          width="191.5%"
          height="219.2%"
          filterUnits="objectBoundingBox"
          id="filter-ZhiChu_LuXianGuHua-title-button-5"
        >
          <feMorphology
            radius="1"
            operator="dilate"
            in="SourceAlpha"
            result="shadowSpreadOuter1"
          ></feMorphology>
          <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
          <feGaussianBlur
            stdDeviation="2"
            in="shadowOffsetOuter1"
            result="shadowBlurOuter1"
          ></feGaussianBlur>
          <feColorMatrix
            values="0 0 0 0 0.650980392   0 0 0 0 0.988235294   0 0 0 0 0.780261438  0 0 0 0.229621941 0"
            type="matrix"
            in="shadowBlurOuter1"
          ></feColorMatrix>
        </filter>
        <path
          d="M13.1558625,7.09652277 L15.715862,5.49289419 C16.1191467,5.24026958 16.6508663,5.36240371 16.9034909,5.76568842 C17.0766914,6.04218219 17.0788703,6.39278681 16.9091197,6.67141194 L13.4789906,12.3015541 C13.1916432,12.7732001 12.5763575,12.9226036 12.1047115,12.6352562 C11.9684475,12.5522382 11.8540274,12.4378181 11.7710094,12.3015541 L8.34088027,6.67141194 C8.0932876,6.26501851 8.22202105,5.73485802 8.62841447,5.48726535 C8.9070396,5.31751472 9.25764422,5.31969364 9.53413799,5.49289419 L12.0941375,7.09652277 C12.4188241,7.29991217 12.8311759,7.29991217 13.1558625,7.09652277 Z"
          id="path-ZhiChu_LuXianGuHua-title-button-6"
        ></path>
        <filter
          x="-66.6%"
          y="-61.1%"
          width="233.2%"
          height="270.3%"
          filterUnits="objectBoundingBox"
          id="filter-ZhiChu_LuXianGuHua-title-button-7"
        >
          <feMorphology
            radius="1"
            operator="dilate"
            in="SourceAlpha"
            result="shadowSpreadOuter1"
          ></feMorphology>
          <feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
          <feGaussianBlur
            stdDeviation="2"
            in="shadowOffsetOuter1"
            result="shadowBlurOuter1"
          ></feGaussianBlur>
          <feColorMatrix
            values="0 0 0 0 0.650980392   0 0 0 0 0.988235294   0 0 0 0 0.780261438  0 0 0 0.229621941 0"
            type="matrix"
            in="shadowBlurOuter1"
          ></feColorMatrix>
        </filter>
      </defs>
      <g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="林业防火-智库-切图版" transform="translate(-69, -171)">
          <g id="可视化" transform="translate(-0.5, -1)">
            <g id="模块" transform="translate(45.5, 85.9394)">
              <g id="标题模块--左侧1" transform="translate(0, 7.0606)">
                <g id="编组-29" transform="translate(24.5, 79.3)">
                  <g id="椭圆形">
                    <use
                      fill="#005516"
                      fill-rule="evenodd"
                      xlink:href="#path-ZhiChu_LuXianGuHua-title-button-2"
                    ></use>
                    <use
                      fill="url(#radialGradient-ZhiChu_LuXianGuHua-title-button-1)"
                      fill-rule="evenodd"
                      xlink:href="#path-ZhiChu_LuXianGuHua-title-button-2"
                    ></use>
                    <use
                      fill="black"
                      fill-opacity="1"
                      filter="url(#filter-ZhiChu_LuXianGuHua-title-button-3)"
                      xlink:href="#path-ZhiChu_LuXianGuHua-title-button-2"
                    ></use>
                  </g>
                  <circle id="椭圆形" stroke="#005516" cx="21.5" cy="21.5" r="21"></circle>
                  <g id="编组-11" transform="translate(13, 13)">
                    <g
                      id="多边形备份-2"
                      transform="translate(7.125, 8.6817) rotate(90) translate(-7.125, -8.6817)"
                    >
                      <use
                        fill="black"
                        fill-opacity="1"
                        filter="url(#filter-ZhiChu_LuXianGuHua-title-button-5)"
                        xlink:href="#path-ZhiChu_LuXianGuHua-title-button-4"
                      ></use>
                      <use
                        fill="#A6FCC7"
                        fill-rule="evenodd"
                        xlink:href="#path-ZhiChu_LuXianGuHua-title-button-4"
                      ></use>
                    </g>
                    <g
                      id="多边形备份-3"
                      opacity="0.510078793"
                      transform="translate(12.625, 8.63) rotate(90) translate(-12.625, -8.63)"
                    >
                      <use
                        fill="black"
                        fill-opacity="1"
                        filter="url(#filter-ZhiChu_LuXianGuHua-title-button-7)"
                        xlink:href="#path-ZhiChu_LuXianGuHua-title-button-6"
                      ></use>
                      <use
                        fill="#A6FCC7"
                        fill-rule="evenodd"
                        xlink:href="#path-ZhiChu_LuXianGuHua-title-button-6"
                      ></use>
                    </g>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  </div>
</template>
<script setup lang="ts">
  const props = defineProps(['dataStyle']);
</script>
