md-components-mdigial-azamat 0.0.32 → 0.0.35

package/dist/Faq/components/Collapse/Collapse.js

@@ -1,43 +1,61 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useRef as m, useState as o, useEffect as u } from "react";
-import { PlusMinusIcon as h } from "../PlusMinusIcon/PlusMinusIcon.js";
-const x = ["title", "children"], b = ({ title: l, children: n }) => {
-  var r;
-  const e = m(null), [s, c] = o(!1), [a, p] = o("0px"), d = () => c((f) => !f);
-  return u(() => {
-    e.current && p(s ? `${e.current.scrollHeight + 16}px` : "0px");
-  }, [s, (r = e.current) == null ? void 0 : r.scrollHeight]), /* @__PURE__ */ i(
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { useRef as u, useState as c, useEffect as x } from "react";
+import { PlusMinusIcon as b } from "../PlusMinusIcon/PlusMinusIcon.js";
+import { I as g } from "../../../index-2265d593.js";
+const y = ["title", "children", "icon"], v = ({ title: n, children: p, icon: i }) => {
+  var a;
+  const t = u(null), [o, d] = c(!1), [m, f] = c("0px"), l = () => d((e) => !e), h = (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l());
+  };
+  return x(() => {
+    t.current && f(o ? `${t.current.scrollHeight + 16}px` : "0px");
+  }, [o, (a = t.current) == null ? void 0 : a.scrollHeight]), /* @__PURE__ */ r(
     "div",
     {
       className: "border-b border-[#44537140] transition-all last:border-b-0",
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ r(
           "div",
           {
-            onClick: d,
+            role: "button",
+            tabIndex: 0,
+            onClick: l,
+            onKeyDown: h,
             className: "cursor-pointer flex justify-between items-center font-semibold leading-[26px] text-[18px] text-blackBG py-8 max-tablet:py-6",
             children: [
-              /* @__PURE__ */ t("p", { className: "flex items-center gap-3", children: l }),
-              /* @__PURE__ */ t(h, { isActive: s })
+              /* @__PURE__ */ r("p", { className: "flex items-center gap-3", children: [
+                i && /* @__PURE__ */ s(
+                  g,
+                  {
+                    src: i,
+                    alt: n,
+                    width: 20,
+                    height: 20,
+                    className: "opacity-60"
+                  }
+                ),
+                n
+              ] }),
+              /* @__PURE__ */ s(b, { isActive: o })
             ]
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ s(
           "div",
           {
-            ref: e,
+            ref: t,
             className: "overflow-hidden transition-[height] duration-300 ease-in-out",
             style: {
-              height: a
+              height: m
             },
-            children: /* @__PURE__ */ t("div", { className: "pt-2 pb-4", children: n })
+            children: /* @__PURE__ */ s("div", { className: "pt-2 pb-4", children: p })
           }
         )
       ]
     }
   );
 };
-b.propsToEdit = x;
+v.propsToEdit = y;
 export {
-  b as Collapse
+  v as Collapse
 };