<template>
  <div style="margin-top: 5px; margin-bottom: 5px">
    <svg
      :width="props.dataStyle.wayButtonWidth - 10"
      :height="props.dataStyle.wayButtonHeight - 10"
      viewBox="0 0 15 15"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <ellipse
          id="path-ZhiChu_LuXianGuHua-buttonIcon-1"
          cx="7.4433567"
          cy="15.4439893"
          rx="1.4433567"
          ry="1.44398933"
        ></ellipse>
        <filter
          x="-311.8%"
          y="-311.6%"
          width="723.5%"
          height="723.3%"
          filterUnits="objectBoundingBox"
          id="filter-ZhiChu_LuXianGuHua-buttonIcon-2"
        >
          <feMorphology
            radius="0.5"
            operator="dilate"
            in="SourceAlpha"
            result="shadowSpreadOuter1"
          ></feMorphology>
          <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
          <feGaussianBlur
            stdDeviation="2.5"
            in="shadowOffsetOuter1"
            result="shadowBlurOuter1"
          ></feGaussianBlur>
          <feComposite
            in="shadowBlurOuter1"
            in2="SourceAlpha"
            operator="out"
            result="shadowBlurOuter1"
          ></feComposite>
          <feColorMatrix
            values="0 0 0 0 0.752941176   0 0 0 0 0.662745098   0 0 0 0 0.0705882353  0 0 0 1 0"
            type="matrix"
            in="shadowBlurOuter1"
          ></feColorMatrix>
        </filter>
      </defs>
      <g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g
          id="林业防火-智处-任务下发-规划方案2.0"
          transform="translate(-1523, -478)"
          fill-rule="nonzero"
        >
          <g id="路径规划弹窗---" transform="translate(453.7715, 147.0542)">
            <g id="文字" transform="translate(1060.2285, 10.2458)">
              <g id="list" transform="translate(1, 300.7)">
                <g id="椭圆形" transform="translate(8, 12)">
                  <use
                    fill="black"
                    fill-opacity="1"
                    filter="url(#filter-ZhiChu_LuXianGuHua-buttonIcon-2)"
                    xlink:href="#path-ZhiChu_LuXianGuHua-buttonIcon-1"
                  ></use>
                  <ellipse
                    stroke-opacity="0.338068182"
                    :stroke="props.wayColor.borderColor"
                    stroke-width="0.255938697"
                    stroke-linejoin="square"
                    :fill="props.wayColor.color"
                    fill-rule="evenodd"
                    cx="7.4433567"
                    cy="15.4439893"
                    rx="1.31538735"
                    ry="1.31601998"
                  ></ellipse>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  </div>
</template>

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