<template>
    <div class="d-flex flex-column gap-1 mx-1 pt-0 pa-7 pb-0">
        <v-card elevation="10">
            <div class="py-6 px-4">
                <p class="text-high-emphasis">High-emphasis has an opacity of 87% in light skin and 100% in dark.</p>
                <p class="text-medium-emphasis">Medium-emphasis text and hint text have opacities of 60% in light skin
                    and 70% in dark.</p>
                <p class="text-disabled">Disabled text has an opacity of 38% in light skin and 50% in dark.</p>
            </div>
        </v-card>
    </div>
</template>
