'use client'

import type { RawContentKind } from '@admin/utils/editor/raw-content-kind'
import { getBlockMathExpression } from '@admin/utils/editor/get-block-math-expression'
import { renderDetailsPreview } from '@admin/utils/editor/render-details-preview'
import { renderLatex } from '@admin/utils/editor/render-latex'
import { sanitizeHtmlPreview } from '@admin/utils/editor/sanitize-html-preview'

export function renderRawContentPreview(raw: string, kind: RawContentKind) {
  if (kind === 'math') {
    return renderLatex(getBlockMathExpression(raw), true)
  }

  if (/^<details\b/i.test(raw.trim())) {
    return renderDetailsPreview(raw)
  }

  return sanitizeHtmlPreview(raw)
}