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