---
import { t, type Lang } from "../i18n";

type Props = {
  lang: Lang;
  children: any;
};

const { lang } = Astro.props;
const commissioners = Astro.slots.has("default")
  ? (await Astro.slots.render("default")).replaceAll(/\<\/(a|span)\>\</g, "</$1><br><").split("<br>")
  : [];
---

{
  commissioners.length ? (
    <p
      id="commissioners"
      aria-label={t(lang, "story/commissioners_aria_label", commissioners)}
      set:html={t(lang, "story/commissioned_by", commissioners)}
    />
  ) : null
}