/// <reference types="mdast" />
import { h } from 'hastscript'

/**
 * Creates an admonition component.
 *
 * @param {Object} properties - The properties of the component.
 * @param {string} [properties.title] - An optional title.
 * @param {('tip'|'note'|'important'|'caution'|'warning')} type - The admonition type.
 * @param {import('mdast').RootContent[]} children - The children elements of the component.
 * @returns {import('mdast').Parent} The created admonition component.
 */
export function AdmonitionComponent(properties, children, type) {
  if (!Array.isArray(children) || children.length === 0)
    return h(
      'div',
      { class: 'hidden' },
      'Invalid admonition directive. (Admonition directives must be of block type ":::note{name="name"} <content> :::")',
    )

  let label = null
  if (properties && properties['has-directive-label']) {
    label = children[0] // The first child is the label
    children = children.slice(1)
    label.tagName = 'div' // Change the tag <p> to <div>
  }

  return h(`blockquote`, { class: `admonition bdm-${type}` }, [
    h('span', { class: `bdm-title` }, label ? label : type.toUpperCase()),
    ...children,
  ])
}