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

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

import { jsxs as l, jsx as e } from "react/jsx-runtime";
import { useState as d } from "react";
import { F as o } from "../../FormLabel-B3WAnPGP.js";
import { a as c, S as m } from "../../Select-CpNF3a57.js";
import { M as t } from "../../MenuItem-C8nduSzJ.js";
const u = (a) => {
  const [n, s] = d("pending"), r = (i) => s(i.target.value);
  return /* @__PURE__ */ l(o, { variant: a.variant, sx: { width: "10rem" }, children: [
    /* @__PURE__ */ e(c, { id: "simple-select-label", children: "Status" }),
    /* @__PURE__ */ l(
      m,
      {
        labelId: "simple-select-label",
        id: "simple-select",
        value: n,
        label: "Status",
        onChange: r,
        ...a,
        children: [
          /* @__PURE__ */ e(t, { value: "pending", children: "Pending" }),
          /* @__PURE__ */ e(t, { value: "ongoing", children: "Ongoing" }),
          /* @__PURE__ */ e(t, { value: "validated", children: "Validated" }),
          /* @__PURE__ */ e(t, { value: "rejected", children: "Rejected" })
        ]
      }
    )
  ] });
}, f = {
  title: "Components/Select",
  component: u
}, b = {
  args: {}
}, j = {
  args: {
    variant: "filled"
  }
}, x = {
  args: {
    variant: "standard"
  }
}, C = {
  args: {
    disabled: !0
  }
};
export {
  b as Default,
  C as Disabled,
  j as Filled,
  x as Standard,
  f as default
};