<template>
  <view class="flex items-center">
    <view class="i-carbon-checkbox w-[40rpx] h-[40rpx] text-[#ccc]" v-if="status === 1"></view>
    <view
      class="i-carbon-checkbox-undeterminate-filled w-[40rpx] h-[40rpx] text-[#1677FF]"
      v-if="status === 2"
    ></view>
    <view
      class="i-carbon-checkbox-checked-filled w-[40rpx] h-[40rpx] text-[#1677FF]"
      v-if="status === 3"
    ></view>
  </view>
</template>

<script lang="ts" setup>
const props = defineProps({
  status: {
    type: Number,
    default: 1,
  },
})
</script>
