<template>
  <div>
    <svg
      v-if="state==2"
      t="1647850921214"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="40602"
      :width="width"
      :height="width"><path d="M923.701666 347.267145C879.363855 243.767909 796.379862 160.783917 692.879604 116.447129c27.989471-22.038946 63.218834-35.294854 101.608166-35.294854 90.854241 0 164.507728 73.652464 164.507728 164.508751C958.995497 284.049335 945.739589 319.277674 923.701666 347.267145zM916.988778 529.220197c0 107.872846-42.348504 205.649753-110.966301 278.364869l56.794517 56.795541c7.516184 7.518231 12.166087 17.898649 12.166087 29.370935 0 22.937408-18.596544 41.532929-41.535999 41.532929-11.468193 0-21.851681-4.64888-29.367865-12.165064l-61.007469-61.006446c-65.823148 45.99045-145.754618 73.17151-232.145198 73.17151-86.219687 0-166.015058-27.063379-231.764528-72.886007l-60.582797 60.581774c-7.603165 7.603165-18.10331 12.30321-29.704532 12.30321-23.198352 0-42.006719-18.807345-42.006719-42.006719 0-11.601222 4.702092-22.102391 12.305257-29.702486l56.338123-56.339146c-68.425416-72.681346-110.648053-170.312944-110.648053-278.015921 0-224.260623 181.800579-406.063249 406.063249-406.063249C735.189222 123.156948 916.988778 304.959573 916.988778 529.220197zM510.927575 207.170386c-177.86392 0-322.051857 144.18589-322.051857 322.04981S333.063655 851.27103 510.927575 851.27103c177.862897 0 322.048787-144.18589 322.048787-322.04981S688.790472 207.170386 510.927575 207.170386zM678.95343 571.227939 510.927575 571.227939c-23.201421 0-42.007743-18.806321-42.007743-42.007743L468.919832 305.186747c0-23.200398 18.806321-42.004673 42.007743-42.004673 23.198352 0 42.006719 18.805298 42.006719 42.004673l0 182.028776 126.020158 0c23.198352 0 42.004673 18.806321 42.004673 42.004673C720.959126 552.421618 702.152804 571.227939 678.95343 571.227939zM98.905614 352.955704C76.394924 324.371692 62.85556 288.388153 62.85556 249.178129c0-92.798523 75.228355-168.025854 168.025854-168.025854 39.209 0 75.194586 13.540388 103.779621 36.050054C228.949412 162.486698 144.189983 247.244081 98.905614 352.955704z" p-id="40603" :fill="color[0]"></path></svg>
    <svg
      v-if="state==1"
      t="1647852900652"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="50728"
      :width="width-3"
      :height="width-3"><path d="M422.36247 839.786465c-13.320377 13.421684-34.909068 13.421684-48.126091 0l-10.69355-10.800997 0 0-11.398608-11.502985-50.145074-50.544163c-0.097214-0.201591 0-0.500397-0.201591-0.604774L72.380494 533.085224c-13.320377-13.421684-13.320377-35.218106 0-48.535413l72.132854-72.842005c13.319353-13.408381 34.907021-13.408381 48.224328 0l205.814506 209.252815L831.363631 184.208419c13.218046-13.414521 34.806737-13.414521 48.124044 0l72.134901 72.842005c13.317307 13.408381 13.317307 35.113729 0 48.52211L422.36247 839.786465 422.36247 839.786465z" :fill="color[1]" p-id="50729"></path></svg>
    <svg
      v-if="state==0"
      t="1647931787233"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="4605"
      :width="width"
      :height="width"><path d="M236.3392 326.8608l460.8 460.8a64 64 0 0 0 90.5216-90.5216l-460.8-460.8a64 64 0 0 0-90.5216 90.5216z" fill="#F14F49" p-id="4606"></path><path d="M787.6608 326.8608l-460.8 460.8a64 64 0 0 1-90.5216-90.5216l460.8-460.8a64 64 0 0 1 90.5216 90.5216z" :fill="color[2]" p-id="4607"></path></svg>
  </div>
</template>

<script>
export default {
  name: 'StateIcon',
  props: {
    state: {
      type: [String, Number],
      default: '0'
    },
    width: {
      type: String,
      default: '20'
    },
    color: {
      type: Array,
      default: function () {
        return ['#ffbb0f', '#2ac30f', '#ff0000']
      }
    }
  },
  data () {
    return {
    }
  },
  methods: {
  },
  mounted () {
  }
}
</script>

<style>
</style>
