<template>
  <view
    class="height-32 width-32 lh-24 br-round flex-justify-center"
    :style="{
      border: checked
        ? '1rpx solid var(--color-primary)'
        : '1rpx solid rgba(0,0,0,0.15)',
      backgroundColor: checked ? 'var(--color-primary)' : 'rgba(0,0,0,0.1)',
    }"
  >
    <uni-icons
      v-if="checked"
      type="checkmarkempty"
      size="10"
      color="#ffffff"
    ></uni-icons>
  </view>
</template>

<script lang="ts">
export default {
  props: {
    checked: Boolean,
  },
};
</script>

<style lang="scss">
</style>
