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

Stanford Biodesign Digital Health Spezi Web Design System

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