<template>
  <div class="c-chart">
    <h4 v-if="header" class="t-display-x-large">{{ header }}</h4>
    <p v-if="subHeader" class="t-headline-medium">{{ subHeader }}</p>
    <div v-if="introduction" class="mb-3">{{ introduction }}</div>
    <slot />
  </div>
</template>

<script setup lang="ts">
defineProps<{
  header?: string;
  subHeader?: string;
  introduction?: boolean;
  modifiers?: never;
}>();

</script>