@stihl-design-system/components/title.DuLPB-VK.js

Welcome to the STIHL Design System react component library.

"use client";
import { jsxs as k, jsx as u } from "react/jsx-runtime";
import { d as T } from "./chunks/index.D-sRdssb.js";
import { c as D } from "./chunks/index.DL9mof6u.js";
import './assets/title.B0tsgJ-n.css';const N = "ds-title_root_tt8l3_1", v = "ds-title_root--x-large-uppercase_tt8l3_4", X = "ds-title_root--large-uppercase_tt8l3_20", j = "ds-title_root--theme-dark_tt8l3_36", y = "ds-title_dash_tt8l3_39", c = {
  root: N,
  rootXLargeUppercase: v,
  rootLargeUppercase: X,
  rootThemeDark: j,
  dash: y
}, C = (d) => {
  const t = T.c(18);
  let e, o, s, r, a, l;
  t[0] !== d ? ({
    children: e,
    className: o,
    size: r,
    tag: a,
    theme: l,
    ...s
  } = d, t[0] = d, t[1] = e, t[2] = o, t[3] = s, t[4] = r, t[5] = a, t[6] = l) : (e = t[1], o = t[2], s = t[3], r = t[4], a = t[5], l = t[6]);
  const x = r === void 0 ? "x-large" : r, L = a === void 0 ? "h1" : a, U = l === void 0 ? "light" : l, m = L, h = x === "x-large", _ = x === "large", g = U === "dark";
  let i;
  t[7] !== o || t[8] !== h || t[9] !== _ || t[10] !== g ? (i = D(c.root, o, {
    [c.rootXLargeUppercase]: h,
    [c.rootLargeUppercase]: _,
    [c.rootThemeDark]: g
  }), t[7] = o, t[8] = h, t[9] = _, t[10] = g, t[11] = i) : i = t[11];
  const f = i;
  let n;
  t[12] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ u("span", { className: c.dash, "aria-hidden": "true", children: "ƒ" }), t[12] = n) : n = t[12];
  let p;
  return t[13] !== m || t[14] !== e || t[15] !== s || t[16] !== f ? (p = /* @__PURE__ */ k(m, { className: f, ...s, children: [
    e,
    n
  ] }), t[13] = m, t[14] = e, t[15] = s, t[16] = f, t[17] = p) : p = t[17], p;
};
export {
  C as DSTitle
};