<template>
  <div class="mt-2 flex flex-col gap-2 text-sm text-[var(--czr-main-color)]">
    <template v-for="item in data">
      <div class="flex items-center gap-2">
        <SvgIcon name="document" :active="true" />{{ item }}
      </div>
    </template>
  </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue'

const props = defineProps({
  data: { default: () => [] },
})
const state: any = reactive({})
</script>

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