@uva-glass/component-library/dist/storyComponents/Container/Container.js

React components UvA

import { jsxs as i, Fragment as l, jsx as t } from "react/jsx-runtime";
import { c as d } from "../../clsx-OuTLNxxd.js";
import '../../assets/Container.css';const _ = "_container_cgawq_1", n = {
  container: _,
  "container--padded": "_container--padded_cgawq_8",
  "container--small": "_container--small_cgawq_12",
  "container--medium": "_container--medium_cgawq_17",
  "container--large": "_container--large_cgawq_22",
  "container--large-full-height": "_container--large-full-height_cgawq_27",
  "container--hidden": "_container--hidden_cgawq_31",
  "container--centered-content": "_container--centered-content_cgawq_35"
}, s = ({
  children: r,
  size: e = "medium",
  centerContent: c = !1,
  visible: o = !0,
  padded: a = !0
}) => /* @__PURE__ */ i(l, { children: [
  /* @__PURE__ */ t("label", { htmlFor: "container", children: a ? "Storybook container with 1rem padding" : "Storybook container" }),
  /* @__PURE__ */ t(
    "div",
    {
      id: "container",
      className: d(n.container, {
        [n["container--small"]]: e === "small",
        [n["container--medium"]]: e === "medium",
        [n["container--large"]]: e === "large",
        [n["container--large-full-height"]]: e === "large-full-height",
        [n["container--padded"]]: a,
        [n["container--centered-content"]]: c,
        [n["container--hidden"]]: !o
      }),
      children: r
    }
  )
] });
export {
  s as Container
};
//# sourceMappingURL=Container.js.map