@cgi-learning-hub/ui/dist/components/stories/TabList.stories.es.js

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

import { jsxs as e, jsx as o } from "react/jsx-runtime";
import { useState as s } from "react";
import { T as c, a as d, c as t, b as a } from "../../Tab-Ckr6Bn59.js";
const b = (l) => {
  const [r, n] = s("1");
  return /* @__PURE__ */ e(c, { value: r, children: [
    /* @__PURE__ */ e(
      d,
      {
        ...l,
        onChange: (u, i) => n(i),
        "aria-label": "lib tablist example",
        children: [
          /* @__PURE__ */ o(t, { label: "Item one", value: "1" }),
          /* @__PURE__ */ o(t, { label: "Item two", value: "2" }),
          /* @__PURE__ */ o(t, { label: "Item three", value: "3" })
        ]
      }
    ),
    /* @__PURE__ */ o(a, { value: "1", children: "Item one" }),
    /* @__PURE__ */ o(a, { value: "2", children: "Item two" }),
    /* @__PURE__ */ o(a, { value: "3", children: "Item three" })
  ] });
}, f = {
  title: "Components/TabList",
  component: b,
  argTypes: {
    allowScrollButtonsMobile: {
      control: "boolean"
    },
    centered: {
      control: "boolean"
    },
    indicatorColor: {
      control: "radio",
      options: ["primary", "secondary"]
    },
    orientation: {
      control: "radio",
      options: ["horizontal", "vertical"]
    },
    scrollButtons: {
      control: "radio",
      options: ["auto", !0, !1]
    },
    textColor: {
      control: "radio",
      options: ["inherit", "primary", "secondary"]
    },
    variant: {
      control: "radio",
      options: ["fullWidth", "scrollable", "standard"]
    },
    visibleScrollbar: {
      control: "boolean"
    }
  }
}, C = {
  args: {
    allowScrollButtonsMobile: !1,
    centered: !1,
    indicatorColor: "primary",
    orientation: "horizontal",
    scrollButtons: "auto",
    textColor: "primary",
    variant: "standard",
    visibleScrollbar: !1
  }
};
export {
  C as Default,
  f as default
};