import { r as registerInstance, h } from './index-0861cb0b.js';
import './common-d52c7ecc.js';
import './IntersectionHelper-215713b2.js';
import { H as Heading } from './Heading-1dc7d8ed.js';
import { g as getProps } from './tools-f7209f13.js';

const UIHeading = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /**
     * Which heading level to use
     * [Figma Spec](https://www.figma.com/file/JhTzz4Z6S4WDyfgtMZ1fr1/DS---Core?node-id=353%3A10)
     */
    this.level = 3;
    /**
     * Posters are extra large text, typically used in the hero section of a page.
     * _Note_: Poster only supports levels 1 - 4.
     * [Figma Spec](https://www.figma.com/file/JhTzz4Z6S4WDyfgtMZ1fr1/DS---Core?node-id=363%3A4)
     */
    this.poster = false;
  }
  render() {
    return (h(Heading, Object.assign({}, getProps(['level', 'poster', 'as'], this)), h("slot", null)));
  }
};

export { UIHeading as ui_heading };
