<template>
  <div class="grid grid-cols-4 gap-8">
    <Example v-for="icon in coreIconKeys" :label="icon">
      <AisButton variant="secondary" :icon="icon" fast hover press >
        {{label(icon)}}
      </AisButton>
    </Example>
  </div>
</template>

<script setup>
  import AisButton from '@/components/button/AisButton.vue';
  import Example from "@/components/docs/ComponentExample.vue";
  import { coreIconKeys } from "@c/icon/ais-icons";

  const label = (icon) => !icon.startsWith('caret-') ? icon : icon.replace('caret-', '')
</script>



