/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
import { keyed } from "lit/directives/keyed.js";
import { unsafeStatic, literal, html } from "lit/static-html.js";
import { safeClassMap } from "@arcgis/lumina";
const Heading = ({ children, class: className, hidden = false, key, level }) => {
  const DynamicHtmlTag = level ? unsafeStatic(`h${level}`) : literal`div`;
  return keyed(key, html`<${DynamicHtmlTag} class=${safeClassMap(className)} .hidden=${hidden}>${children}</${DynamicHtmlTag}>`);
};
export {
  Heading as H
};
