<template>
  <div>
    <svg
      :width="props.dataStyle.listTypeWidth"
      :height="props.dataStyle.listTypeHeight"
      viewBox="0 0 44 20"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="林业防火-智感-火情线索-切图版" transform="translate(-1829, -621)">
          <g id="可视化" transform="translate(-8, -1)">
            <g id="模块" transform="translate(53, 92)">
              <g id="标题模块--右侧1" transform="translate(1449.5, 444)">
                <g id="list" transform="translate(17.5, 86)">
                  <g id="编组-56" transform="translate(317, 0)">
                    <path
                      d="M43.5,0.5 L43.5,19.5 L0.5,19.5 L0.5,0.5 L43.5,0.5 Z"
                      id="矩形"
                      :stroke="props.dataStyle.listTypePathStrokeColor"
                      fill-opacity="0.4"
                      :fill="props.dataStyle.listTypePathFillColor"
                      transform="translate(22, 10) scale(-1, 1) translate(-22, -10)"
                    ></path>
                    <rect
                      id="矩形"
                      :fill="props.dataStyle.listTypeRactFillColor"
                      x="0"
                      y="0"
                      width="4"
                      height="4"
                    ></rect>
                    <rect
                      id="矩形备份-17"
                      :fill="props.dataStyle.listTypeRactFillColor"
                      x="40"
                      y="16"
                      width="4"
                      height="4"
                    ></rect>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
      <text x="6" y="15" :font-size="props.dataStyle.fontSize3" :fill="props.dataStyle.fontColor3">
        {{ props.item.handled }} / {{ props.item.total }}
      </text>
    </svg>
  </div>
</template>

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