import { r as n, h as i, H as a } from "./index.61732cef.js";
import { c as l } from "./index-orsBiyT_.fc4357c3.js";
import "react";
import "react-dom";
const h = () => ".sc-swirl-heading-h{display:block;width:100%}.sc-swirl-heading-h *.sc-swirl-heading{box-sizing:border-box}.heading.sc-swirl-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--balanced.sc-swirl-heading{text-wrap:balance}.heading--align-start.sc-swirl-heading{text-align:start}.heading--align-center.sc-swirl-heading{text-align:center}.heading--align-end.sc-swirl-heading{text-align:end}.heading--level-1.sc-swirl-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-swirl-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-swirl-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-swirl-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}.heading--level-5.sc-swirl-heading,.heading--level-6.sc-swirl-heading{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-sm)}.heading--truncate.sc-swirl-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}", g = class {
  constructor(e) {
    n(this, e), this.align = "start", this.balance = !0, this.level = 1;
  }
  render() {
    const e = this.as || `h${this.level}`, s = Boolean(this.lines) ? {
      display: "-webkit-box",
      overflow: "hidden",
      "-webkit-line-clamp": String(this.lines),
      "-webkit-box-orient": "vertical",
      whiteSpace: "normal"
    } : void 0, t = l("heading", `heading--align-${this.align}`, `heading--level-${this.level}`, {
      "heading--balanced": this.balance,
      "heading--truncate": this.truncate
    });
    return i(a, { key: "dd4ed3748fc507e7ba2d848224a64a9b5283387e" }, i(e, { key: "02a22700a704330179fe3af567e78f93717c2081", class: t, id: this.headingId, style: s }, this.text));
  }
};
g.style = h();
export {
  g as swirl_heading
};
