<template>
    <v-row>
        <v-col cols="12" class="mb-6">
            <h2 class="mb-4">Default Text</h2>
            <style-components-typography-default-text />
        </v-col>
        <v-col cols="12" class="mb-6">
            <h2 class="mb-4">Heading</h2>
            <style-components-typography-heading />
        </v-col>
        <v-col cols="12" class="mb-6">
            <h2 class="mb-4">Opacity</h2>
            <style-components-typography-opacity />
        </v-col>
        <v-col cols="12" class="mb-6">
            <h2 class="mb-4">Text Alignment</h2>
            <style-components-typography-text-alignment />
        </v-col>
        <v-col cols="12" class="mb-6">
            <h2 class="mb-4">Text Decoration</h2>
            <style-components-typography-text-decoration />
        </v-col>
    </v-row>
</template>