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

<script setup>
import { computed } from "vue";
import { useAppConfig } from "#imports";
import { useComponentProps } from "../../composables/useComponentProps";
import { tv } from "../../utils/tv";
import B24Link from "../Link.vue";
const _props = defineProps({
  href: { type: String, required: false },
  class: { type: null, required: false },
  target: { type: null, required: false },
  b24ui: { type: Object, required: false }
});
defineSlots();
const props = useComponentProps("prose.a", _props);
const appConfig = useAppConfig();
const b24ui = computed(() => tv({ extend: theme, ...appConfig.b24ui?.prose?.a || {} })());
</script>

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