<template>
  <div>
    <template v-for="item in data">
      <div class="flex items-center" @click="$emit('ddd')">
        <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>
