<template>
  <div>
    <svg
      :width="props.dataStyle.imageWidth"
      :height="props.dataStyle.imageHeight"
      viewBox="0 0 26 28"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <linearGradient x1="87.055629%" y1="0%" x2="0%" y2="86.1698764%" id="LowerLeft-1">
          <stop :stop-color="props.dataStyle.smallColor1" offset="0%"></stop>
          <stop :stop-color="props.dataStyle.smallColor2" offset="100%"></stop>
        </linearGradient>
        <linearGradient x1="6.17106015%" y1="0%" x2="67.7872653%" y2="117.560409%" id="LowerLeft-2">
          <stop :stop-color="props.dataStyle.largeColor1" offset="0%"></stop>
          <stop :stop-color="props.dataStyle.largeColor2" offset="100%"></stop>
        </linearGradient>
      </defs>
      <g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="林业防火-智感-无人机实时画面-切图版" transform="translate(-1870, -733)">
          <g id="可视化" transform="translate(-0.5, -1)">
            <g id="模块" transform="translate(46, 88)">
              <g id="标题模块--右侧1" transform="translate(1450, 285)">
                <g id="底部背景" transform="translate(0, 0)">
                  <g
                    id="边框"
                    transform="translate(199.8663, 194.0447) scale(-1, 1) translate(-199.8663, -194.0447)"
                  >
                    <g id="编组-22" transform="translate(0, 361.9394)">
                      <polygon
                        id="路径-11"
                        fill="url(#LowerLeft-1)"
                        transform="translate(3.6525, 22.4974) scale(1, -1) translate(-3.6525, -22.4974)"
                        points="0 18.8448966 0 26.1499885 7.30509189 18.8448966"
                      ></polygon>
                      <polygon
                        id="装饰线段-"
                        fill="url(#LowerLeft-2)"
                        fill-rule="nonzero"
                        points="3.65254594 3.65254594 3.65254594 11.0802231 14.2622788 22.4971686 20.9471886 22.4971686 24.4831325 26.1499885 12.6709441 26.1499885 12.1291089 25.566951 0.488499319 13.0411664 0 12.5155206 2.49903173e-11 -2.59476354e-14"
                      ></polygon>
                    </g>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  </div>
</template>

<script setup lang="ts">
  const props = defineProps(['dataStyle']);
</script>
