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

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

import { jsxs as o, jsx as e } from "react/jsx-runtime";
import r from "../Button/Button.es.js";
import { C as a, b as i, a as l } from "../../CardContent-kIapWv4T.js";
import { T as t } from "../../Typography-Cr-aIusw.js";
const s = (n) => /* @__PURE__ */ o(a, { sx: { minWidth: 275 }, ...n, children: [
  /* @__PURE__ */ o(i, { children: [
    /* @__PURE__ */ e(t, { gutterBottom: !0, sx: { color: "text.secondary", fontSize: 14 }, children: "Word of the Day" }),
    /* @__PURE__ */ e(t, { variant: "h5", component: "div", children: "be-nev-o-lent" }),
    /* @__PURE__ */ e(t, { sx: { color: "text.secondary", mb: 1.5 }, children: "adjective" }),
    /* @__PURE__ */ o(t, { variant: "body2", children: [
      "well meaning and kindly.",
      /* @__PURE__ */ e("br", {}),
      '"a benevolent smile"'
    ] })
  ] }),
  /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { variant: "text", size: "small", children: "Learn More" }) })
] }), h = {
  title: "Components/Card",
  component: s,
  argTypes: {
    elevation: {
      control: "number"
    },
    square: {
      control: "boolean"
    },
    variant: {
      control: "select",
      options: ["elevation", "outlined"]
    }
  }
}, p = {
  args: {
    elevation: 1,
    square: !1,
    variant: "elevation"
  }
};
export {
  p as Default,
  h as default
};