@mankindui/core/dist/components/TabbedCard/index.js

- a react component library - you can see how @mankindui/core can be used via examples: [usage examples](https://github.com/clarklindev/mankindui-test)

import { j as e } from "../../_virtual/jsx-runtime.js";
import "../index.js";
import { Tabs as r } from "../Tabs/index.js";
import { Card as a } from "../Card/index.js";
import { CodeBlock as l } from "../CodeBlock/index.js";
const d = ({ componentName: s, children: t }) => /* @__PURE__ */ e.jsx(r, { children: /* @__PURE__ */ e.jsxs(a, { className: "mt-2", children: [
  /* @__PURE__ */ e.jsx(a.Title, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between", children: [
    s,
    /* @__PURE__ */ e.jsxs(r.TriggerGroup, { children: [
      /* @__PURE__ */ e.jsx(r.Trigger, { "data-tab": "0", children: "PREVIEW" }),
      /* @__PURE__ */ e.jsx(r.Trigger, { "data-tab": "1", children: "CODE" })
    ] })
  ] }) }),
  /* @__PURE__ */ e.jsx(a.Content, { children: /* @__PURE__ */ e.jsx(r.ContentGroup, { children: t }) })
] }) }), i = ({ children: s, className: t }) => /* @__PURE__ */ e.jsx(r.Content, { "data-tab": "0", children: /* @__PURE__ */ e.jsx("div", { className: [`${t} prose w-full break-words`].join(" "), children: s }) }), o = ({ children: s, darkIcon: t = "white", lightIcon: n = "white" }) => /* @__PURE__ */ e.jsx(r.Content, { "data-tab": "1", children: /* @__PURE__ */ e.jsx(l, { darkIcon: t, lightIcon: n, children: /* @__PURE__ */ e.jsx("div", { className: "px-2 py-2 prose w-full break-words", children: s }) }) });
i.displayName = "TabbedCard.Preview";
d.Preview = i;
o.displayName = "TabbedCard.Code";
d.Code = o;
export {
  d as TabbedCard
};
//# sourceMappingURL=index.js.map