<template>
  <div class="vp-raw flex flex-wrap gap-2">
    <fwb-button color="default">
      Default
    </fwb-button>
    <fwb-button color="alternative">
      Alternative
    </fwb-button>
    <fwb-button color="dark">
      Dark
    </fwb-button>
    <fwb-button color="light">
      Light
    </fwb-button>
    <fwb-button color="green">
      Green
    </fwb-button>
    <fwb-button color="red">
      Red
    </fwb-button>
    <fwb-button color="yellow">
      Yellow
    </fwb-button>
    <fwb-button color="purple">
      Purple
    </fwb-button>
    <fwb-button color="pink">
      Pink
    </fwb-button>
  </div>
</template>

<script setup>
import { FwbButton } from '../../../../src/index'
</script>
