alinea/dist/ui/Main.js

[](https://npmjs.org/package/alinea) [](https://packagephobia.com/result?p=alinea)

import "../chunks/chunk-U5RRZUYZ.js";

// src/ui/Main.tsx
import { assign } from "alinea/core/util/Objects";
import { forwardRef } from "react";
import { Loader } from "./Loader.js";

// src/ui/Main.module.scss
var Main_module_default = {
  "root": "alinea-Main",
  "root-loading": "alinea-Main-loading",
  "rootLoading": "alinea-Main-loading",
  "root-inner": "alinea-Main-inner",
  "rootInner": "alinea-Main-inner",
  "is-scrollable": "alinea-Main-is-scrollable",
  "isScrollable": "alinea-Main-is-scrollable",
  "container": "alinea-Main-container"
};

// src/ui/Main.tsx
import { fromModule } from "./util/Styler.js";
import { jsx, jsxs } from "react/jsx-runtime";
var styles = fromModule(Main_module_default);
function MainRoot({
  children,
  head,
  scrollRef,
  isLoading,
  scrollable = true,
  ...props
}, ref) {
  return /* @__PURE__ */ jsxs("div", { ref, className: styles.root({ scrollable, loading: isLoading }), children: [
    head,
    /* @__PURE__ */ jsx(
      "div",
      {
        ref: scrollRef,
        ...props,
        className: styles.root.inner.mergeProps(props)(),
        children
      }
    ),
    isLoading && /* @__PURE__ */ jsx("div", { className: styles.root.loading(), children: /* @__PURE__ */ jsx(Loader, { absolute: true }) })
  ] });
}
var MainContainer = styles.container.toElement("div");
var Main = assign(forwardRef(MainRoot), {
  Container: MainContainer
});
export {
  Main
};