<template>
  <div>
    <svg
      :width="props.dataStyle.buttonWidth"
      :height="props.dataStyle.buttonHeight"
      viewBox="0 0 22 22"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <linearGradient
          x1="50%"
          y1="0%"
          x2="50%"
          y2="100%"
          id="linearGradient-ZhiChu_ModalTable-1-1"
        >
          <stop stop-color="#009742" offset="0%"></stop>
          <stop stop-color="#A9FFBE" offset="56.1194042%"></stop>
          <stop stop-color="#AEFFC0" offset="100%"></stop>
        </linearGradient>
        <path
          d="M6.5,0 C3.46386169,0.00319830091 1.00344429,2.28789449 1,5.10719402 C1,9.47732708 6,12.7778512 6.213125,12.9159776 C6.38534815,13.0280075 6.61465185,13.0280075 6.786875,12.9159776 C7,12.7778512 12,9.47732708 12,5.10719402 C11.9965557,2.28789449 9.53613831,0.00319830091 6.5,0 L6.5,0 Z M6.5,3.25003256 C7.6045695,3.25003256 8.5,4.08151206 8.5,5.10719402 C8.5,6.13287597 7.6045695,6.96435548 6.5,6.96435548 C5.3954305,6.96435548 4.5,6.13287597 4.5,5.10719402 C4.5,4.08151206 5.3954305,3.25003256 6.5,3.25003256 Z"
          id="path-ZhiChu_ModalTable-1-2"
        ></path>
        <filter
          x="-54.5%"
          y="-46.2%"
          width="209.1%"
          height="190.4%"
          filterUnits="objectBoundingBox"
          id="filter-ZhiChu_ModalTable-1-3"
        >
          <feMorphology
            radius="0.5"
            operator="dilate"
            in="SourceAlpha"
            result="shadowSpreadOuter1"
          ></feMorphology>
          <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
          <feGaussianBlur
            stdDeviation="1.5"
            in="shadowOffsetOuter1"
            result="shadowBlurOuter1"
          ></feGaussianBlur>
          <feColorMatrix
            values="0 0 0 0 0   0 0 0 0 0.714933276   0 0 0 0 0  0 0 0 0.5 0"
            type="matrix"
            in="shadowBlurOuter1"
          ></feColorMatrix>
        </filter>
      </defs>
      <g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="林业防火-智处-在线人员弹窗" transform="translate(-1373, -543)">
          <g id="在线人员弹窗----" transform="translate(418.2674, 225.0542)">
            <g id="编组-14" transform="translate(54.7326, 64)">
              <g id="列表" transform="translate(0, 242.9458)">
                <g id="map-pin-fill" transform="translate(900, 11)">
                  <g id="编组-16" transform="translate(5, 4)">
                    <g id="形状" fill-rule="nonzero">
                      <use
                        fill="black"
                        fill-opacity="1"
                        filter="url(#filter-ZhiChu_ModalTable-1-3)"
                        xlink:href="#path-ZhiChu_ModalTable-1-2"
                      ></use>
                      <use
                        fill="url(#linearGradient-ZhiChu_ModalTable-1-1)"
                        xlink:href="#path-ZhiChu_ModalTable-1-2"
                      ></use>
                    </g>
                    <ellipse
                      id="椭圆形"
                      fill="#AEFFC0"
                      opacity="0.527510143"
                      cx="6.5"
                      cy="13"
                      rx="6.5"
                      ry="1"
                    ></ellipse>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  </div>
</template>

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