<script setup lang="ts">
const color = 'success'
</script>

<template>
  <div class="flex flex-col">
    <XText as="page" text="Page" :color="color" />
    <XText as="section" text="Section" :color="color" />
    <XText as="heading" text="Heading" :color="color" />
    <XText as="subheading" text="Subheading" :color="color" />
    <XText as="paragraph" text="Paragraph" :color="color" />
    <XText as="label" text="Label" :color="color" />
    <XText as="hint" text="Hint" :color="color" />
  </div>
</template>
