<template>
  <div class="document-inline-summary" :class="toneClass">
    <slot />
  </div>
</template>

<script setup>
import { computed } from "vue";

const props = defineProps({
  tone: {
    type: String,
    default: "green"
  }
});

const toneClass = computed(() => `document-inline-summary-${props.tone}`);
</script>
