@transkripid/flowbite-react/lib/components/Modal/ModalHeader.mjs

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

import { jsx as H, jsxs as y } from "react/jsx-runtime";
import { c as T } from "react/compiler-runtime";
import { useId as k, useLayoutEffect as w } from "react";
import { HiOutlineX as D } from "react-icons/hi";
import { twMerge as E } from "tailwind-merge";
import { mergeDeep as L } from "../../helpers/merge-deep.mjs";
import { useModalContext as O } from "./ModalContext.mjs";
const G = (C) => {
  const e = T(29);
  let l, d, p, i, n, o;
  e[0] !== C ? ({
    as: n,
    children: l,
    className: d,
    theme: o,
    id: p,
    ...i
  } = C, e[0] = C, e[1] = l, e[2] = d, e[3] = p, e[4] = i, e[5] = n, e[6] = o) : (l = e[1], d = e[2], p = e[3], i = e[4], n = e[5], o = e[6]);
  const N = n === void 0 ? "h3" : n;
  let f;
  e[7] !== o ? (f = o === void 0 ? {} : o, e[7] = o, e[8] = f) : f = e[8];
  const I = f, M = k(), s = p || M, {
    theme: g,
    popup: j,
    onClose: v,
    setHeaderId: m
  } = O(), t = L(g.header, I);
  let u, h;
  e[9] !== s || e[10] !== m ? (u = () => (m(s), () => m(void 0)), h = [s, m], e[9] = s, e[10] = m, e[11] = u, e[12] = h) : (u = e[11], h = e[12]), w(u, h);
  const x = E(t.base, j && t.popup, d);
  let r;
  e[13] !== N || e[14] !== l || e[15] !== s || e[16] !== t.title ? (r = /* @__PURE__ */ H(N, { id: s, className: t.title, children: l }), e[13] = N, e[14] = l, e[15] = s, e[16] = t.title, e[17] = r) : r = e[17];
  let c;
  e[18] !== t.close.icon ? (c = /* @__PURE__ */ H(D, { "aria-hidden": !0, className: t.close.icon }), e[18] = t.close.icon, e[19] = c) : c = e[19];
  let a;
  e[20] !== v || e[21] !== c || e[22] !== t.close.base ? (a = /* @__PURE__ */ H("button", { "aria-label": "Close", className: t.close.base, type: "button", onClick: v, children: c }), e[20] = v, e[21] = c, e[22] = t.close.base, e[23] = a) : a = e[23];
  let b;
  return e[24] !== i || e[25] !== x || e[26] !== r || e[27] !== a ? (b = /* @__PURE__ */ y("div", { className: x, ...i, children: [
    r,
    a
  ] }), e[24] = i, e[25] = x, e[26] = r, e[27] = a, e[28] = b) : b = e[28], b;
};
export {
  G as ModalHeader
};
//# sourceMappingURL=ModalHeader.mjs.map