<template>
  <div style="width: 100%; height: 100%">
    <h2 class="my-button" style="width: 100%; height: 100%">{{ props.modelValue }}</h2>
  </div>
</template>

<script lang="ts" setup>
const props = defineProps({
  modelValue: String,
  fontFamily: String,
  testColor: String
});
</script>

<style scoped>
.my-button {
  color: v-bind('props.testColor');
  font-family: v-bind('props.fontFamily');
}
</style>
