<template>
  <div class="grid gap-y-8">
    <Example label="Accessible">
      <AisIcon :icon="faAccessibleIcon" class="text-5xl mb-2" />
    </Example>
  </div>
</template>

<script setup>
  import AisIcon from '@/components/icon/AisIcon.vue'
  import Example from '@/components/docs/ComponentExample.vue'
  import { library } from '@fortawesome/fontawesome-svg-core'

  // Import icons from the FontAwesome icon packs
  import { faAccessibleIcon } from '@fortawesome/free-brands-svg-icons'

  // Add one or more icons to a library
  library.add(faAccessibleIcon)
</script>
