<script setup lang="ts">
  import Button from '@/components/Button.vue'
</script>

<template>
  <div class="container mx-auto py-5">
    <p>Default / filled</p>
    <Button label="Button" className="mb-3 flex-1" />
  
    <p>secondary</p>
    <Button label="Button" styleType="secondary" className="mb-3" />

    <p>outline</p>
    <Button label="Button" styleType="outline" className="mb-3"/>

    <p>text</p>
    <Button label="Button" styleType="text" />
  </div>
</template>
