<template>
  <div class="w-flex icons">
    <div v-for="item in icons" :key="item" class="w-flex-column">
      <w-icon :icon-class="item" />
      {{ item }}
    </div>
  </div>
</template>
<script setup>
import { icons } from "@/util";
</script>
<style lang="scss" scoped>
.icons {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 2em;

  & > div {
    padding: 2em;
    svg {
      width: 5em;
      height: 5em;
      margin-bottom: 0.5em;
      color: var(--w-main);
    }
  }
}
</style>