@lunalytics/ui/dist/components/tabs/tabs.js

React based component library created to be used in Lunalytics

import { jsxs as h, Fragment as p, jsx as l } from "react/jsx-runtime";
import { c as b } from "../../index-2w0W-O47.js";
import '../../assets/tabs.css';const f = ({
  id: s,
  label: r,
  description: c,
  shortDescription: n,
  options: i = [],
  activeOption: x,
  tabIndex: d = 0,
  handleChange: t,
  color: y = "primary",
  variant: j = "solid",
  theme: e = "dark",
  error: o,
  ...m
}) => /* @__PURE__ */ h(p, { children: [
  r && /* @__PURE__ */ l("label", { className: "luna-title", children: r }),
  n && /* @__PURE__ */ l("div", { className: "luna-short-desc", children: n }),
  /* @__PURE__ */ l("div", { className: "luna-tabs", children: i.map((a) => {
    const u = a.color || "primary", v = a.variant || "solid", N = b("luna-tabs-item", {
      [u]: a.color,
      [v]: a.variant,
      [`theme-${e}`]: e
    });
    return /* @__PURE__ */ l(
      "div",
      {
        id: s,
        tabIndex: d,
        className: N,
        onClick: () => t(a.value),
        ...m,
        children: a.value
      },
      a.value
    );
  }) }),
  o && /* @__PURE__ */ l("label", { className: "luna-error", id: s, children: o }),
  c && /* @__PURE__ */ l("div", { className: "luna-desc", children: c })
] });
f.displayName = "Tabs";
export {
  f as default
};