<script>
import theme from "#build/b24ui/prose/code";
</script>

<script setup>
import { computed } from "vue";
import { useAppConfig } from "#imports";
import { tv } from "../../utils/tv";
const props = defineProps({
  color: { type: null, required: false },
  class: { type: null, required: false },
  b24ui: { type: null, required: false }
});
defineSlots();
const appConfig = useAppConfig();
const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.code || {} })({
  color: props.color
}));
</script>

<template>
  <code
    data-slot="base"
    :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
  ><slot /></code>
</template>
