<script setup lang="ts">
const props = defineProps<{ jobDetails: string }>();
</script>
<template>
  <div
    class="prose bg-surface-background border-surface-border mx-auto w-full rounded-[12px] border p-6"
    v-html="jobDetails"
  />
</template>
<style scoped>
.prose :deep(*) {
  color: currentColor !important;
  font-family: var(--font-primary, "Almarai"), sans-serif !important;
}
</style>
