@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
49 lines (48 loc) • 1.89 kB
JavaScript
"use client";
import { jsx as m, jsxs as p } from "react/jsx-runtime";
import { d as C } from "./chunks/index.D-sRdssb.js";
import { c as _ } from "./chunks/index.DL9mof6u.js";
import { D } from "./chunks/Icon.CDLyB7Pv.js";
import './assets/optioncheckbox.DAffEKvY.css';const q = "ds-combobox_root_q88mt_1", N = "ds-combobox_root--disabled_q88mt_21", u = "ds-combobox_checkbox_q88mt_25", j = "ds-combobox_icon-check_q88mt_41", v = "ds-combobox_checkbox--checked_q88mt_62", y = "ds-combobox_checkbox--disabled_q88mt_65", S = "ds-combobox_label_q88mt_82", o = {
root: q,
rootDisabled: N,
checkbox: u,
iconCheck: j,
checkboxChecked: v,
checkboxDisabled: y,
label: S
}, g = (f) => {
const e = C.c(17), {
label: n,
checked: h,
className: r,
disabled: c
} = f;
let b;
e[0] !== c ? (b = _(o.root, {
[o.rootDisabled]: c
}), e[0] = c, e[1] = b) : b = e[1];
const x = b;
let a;
e[2] !== h || e[3] !== c ? (a = _(o.checkbox, {
[o.checkboxDisabled]: c,
[o.checkboxChecked]: h
}), e[2] = h, e[3] = c, e[4] = a) : a = e[4];
const k = a;
let i;
e[5] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ m(D, { name: "check", className: o.iconCheck, "aria-hidden": "true" }), e[5] = i) : i = e[5];
let s;
e[6] !== k ? (s = /* @__PURE__ */ m("span", { className: k, children: i }), e[6] = k, e[7] = s) : s = e[7];
let t;
e[8] !== n ? (t = /* @__PURE__ */ m("span", { className: o.label, children: n }), e[8] = n, e[9] = t) : t = e[9];
let l;
e[10] !== x || e[11] !== s || e[12] !== t ? (l = /* @__PURE__ */ p("div", { className: x, children: [
s,
t
] }), e[10] = x, e[11] = s, e[12] = t, e[13] = l) : l = e[13];
let d;
return e[14] !== r || e[15] !== l ? (d = /* @__PURE__ */ m("div", { className: r, children: l }), e[14] = r, e[15] = l, e[16] = d) : d = e[16], d;
};
export {
g as OptionCheckbox
};