@transkripid/flowbite-react/lib/components/Alert/Alert.mjs

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

import { jsx as g, jsxs as k } from "react/jsx-runtime";
import { c as I } from "react/compiler-runtime";
import { HiX as M } from "react-icons/hi";
import { twMerge as H } from "tailwind-merge";
import { mergeDeep as X } from "../../helpers/merge-deep.mjs";
import { getTheme as $ } from "../../theme-store/index.mjs";
const q = (j) => {
  const e = I(46);
  let r, i, l, n, s, a, A, B, c, d;
  e[0] !== j ? ({
    additionalContent: i,
    children: l,
    className: n,
    color: A,
    icon: r,
    onDismiss: s,
    rounded: B,
    theme: c,
    withBorderAccent: d,
    ...a
  } = j, e[0] = j, e[1] = r, e[2] = i, e[3] = l, e[4] = n, e[5] = s, e[6] = a, e[7] = A, e[8] = B, e[9] = c, e[10] = d) : (r = e[1], i = e[2], l = e[3], n = e[4], s = e[5], a = e[6], A = e[7], B = e[8], c = e[9], d = e[10]);
  const x = A === void 0 ? "info" : A, C = B === void 0 ? !0 : B;
  let y;
  e[11] !== c ? (y = c === void 0 ? {} : c, e[11] = c, e[12] = y) : y = e[12];
  const T = y;
  let m, f, p, u, h, b, o, v;
  if (e[13] !== r || e[14] !== l || e[15] !== n || e[16] !== x || e[17] !== T || e[18] !== s || e[19] !== a || e[20] !== C || e[21] !== d) {
    const t = X($().alert, T);
    m = H(t.base, t.color[x], C && t.rounded, d && t.borderAccent, n), f = "alert", p = a, u = t.wrapper, h = "flowbite-alert-wrapper", b = r && /* @__PURE__ */ g(r, { className: t.icon, "data-testid": "flowbite-alert-icon" }), e[30] !== l ? (o = /* @__PURE__ */ g("div", { children: l }), e[30] = l, e[31] = o) : o = e[31], v = typeof s == "function" && /* @__PURE__ */ g("button", { "aria-label": "Dismiss", className: H(t.closeButton.base, t.closeButton.color[x]), onClick: s, type: "button", children: /* @__PURE__ */ g(M, { "aria-hidden": !0, className: t.closeButton.icon }) }), e[13] = r, e[14] = l, e[15] = n, e[16] = x, e[17] = T, e[18] = s, e[19] = a, e[20] = C, e[21] = d, e[22] = m, e[23] = f, e[24] = p, e[25] = u, e[26] = h, e[27] = b, e[28] = o, e[29] = v;
  } else
    m = e[22], f = e[23], p = e[24], u = e[25], h = e[26], b = e[27], o = e[28], v = e[29];
  let N;
  e[32] !== u || e[33] !== h || e[34] !== b || e[35] !== o || e[36] !== v ? (N = /* @__PURE__ */ k("div", { className: u, "data-testid": h, children: [
    b,
    o,
    v
  ] }), e[32] = u, e[33] = h, e[34] = b, e[35] = o, e[36] = v, e[37] = N) : N = e[37];
  let w;
  e[38] !== i ? (w = i && /* @__PURE__ */ g("div", { children: i }), e[38] = i, e[39] = w) : w = e[39];
  let D;
  return e[40] !== m || e[41] !== f || e[42] !== p || e[43] !== N || e[44] !== w ? (D = /* @__PURE__ */ k("div", { className: m, role: f, ...p, children: [
    N,
    w
  ] }), e[40] = m, e[41] = f, e[42] = p, e[43] = N, e[44] = w, e[45] = D) : D = e[45], D;
};
q.displayName = "Alert";
export {
  q as Alert
};
//# sourceMappingURL=Alert.mjs.map