<script>
import { componentName } from "#color-mode-options";
export default {
  name: componentName,
  props: {
    placeholder: String,
    tag: {
      type: String,
      default: "span"
    }
  }
};
</script>

<template>
  <ClientOnly
    :placeholder="placeholder"
    :placeholder-tag="tag"
  >
    <slot />
    <template
      v-if="!placeholder"
      #fallback
    >
      <slot name="placeholder" />
    </template>
  </ClientOnly>
</template>
