@stanfordspezi/spezi-web-design-system/dist/AsideBrandLayout-U7QDSJOp.mjs

Stanford Biodesign Digital Health Spezi Web Design System

import { jsx as i } from "react/jsx-runtime";
import { c as n } from "./index-2NvaPZWc.mjs";
const r = ({
  children: e,
  className: s,
  ...a
}) => /* @__PURE__ */ i(
  "div",
  {
    className: n(
      "w-full lg:grid lg:min-h-screen lg:grid-cols-[450px_1fr] xl:grid-cols-[600px_1fr]",
      s
    ),
    ...a,
    children: e
  }
), l = ({
  children: e,
  className: s,
  ...a
}) => /* @__PURE__ */ i(
  "aside",
  {
    className: n(
      "bg-accent hidden flex-col items-center justify-between gap-20 py-40 lg:flex",
      s
    ),
    ...a,
    children: e
  }
), o = ({
  children: e,
  className: s,
  ...a
}) => /* @__PURE__ */ i(
  "main",
  {
    className: n(
      "flex min-h-screen items-center justify-center py-12",
      s
    ),
    ...a,
    children: e
  }
);
export {
  r as A,
  l as a,
  o as b
};