@stihl-design-system/components/chunks/SystemFeedback.DhWcYjnu.js

Welcome to the STIHL Design System react component library.

"use client";
import { jsxs as p, jsx as E } from "react/jsx-runtime";
import { d as h } from "./index.cKLI89Eg.js";
import { c as x } from "./index.DQOqod3i.js";
import "react";
import { D as g } from "./Icon.DYtaQgbw.js";
import '../assets/SystemFeedback.DVMml_h9.css';const u = "ds-system-feedback_root_veno1_1", v = "ds-system-feedback_root--dark_veno1_17", D = {
  root: u,
  rootDark: v
}, I = ["success", "error", "warning"], A = {
  success: "circle-check-colored",
  error: "diamond-exclamationmark-colored",
  warning: "triangle-exclamationmark-colored"
}, M = (S) => {
  const t = h.c(19), d = S;
  let e, o, s, r, c, n;
  t[0] !== d ? ({
    id: o,
    message: s,
    theme: c,
    variant: n,
    className: e,
    ...r
  } = d, t[0] = d, t[1] = e, t[2] = o, t[3] = s, t[4] = r, t[5] = c, t[6] = n) : (e = t[1], o = t[2], s = t[3], r = t[4], c = t[5], n = t[6]);
  const l = c === void 0 ? "light" : c, k = l === "dark";
  let i;
  t[7] !== e || t[8] !== k ? (i = x(D.root, e, {
    [D.rootDark]: k
  }), t[7] = e, t[8] = k, t[9] = i) : i = t[9];
  const _ = i, f = A[n];
  let a;
  t[10] !== f || t[11] !== l ? (a = /* @__PURE__ */ E(g, { name: f, theme: l, "aria-hidden": "true" }), t[10] = f, t[11] = l, t[12] = a) : a = t[12];
  let m;
  return t[13] !== o || t[14] !== s || t[15] !== r || t[16] !== _ || t[17] !== a ? (m = /* @__PURE__ */ p("div", { id: o, className: _, ...r, children: [
    a,
    s
  ] }), t[13] = o, t[14] = s, t[15] = r, t[16] = _, t[17] = a, t[18] = m) : m = t[18], m;
};
export {
  M as D,
  A as S,
  I as a
};