alinea/dist/ui/Sink.js

Headless git-based CMS

import {
  dist_default
} from "../chunks/chunk-A5O3N2GS.js";
import "../chunks/chunk-NZLE2WMY.js";

// src/ui/Sink.module.scss
var Sink_module_default = {
  "root": "alinea-Sink",
  "row": "alinea-Sink-row",
  "header": "alinea-Sink-header",
  "title": "alinea-Sink-title",
  "content": "alinea-Sink-content",
  "options": "alinea-Sink-options"
};

// src/ui/Sink.tsx
import { ElevationProvider } from "./util/Elevation.js";
import { jsx } from "react/jsx-runtime";
var styles = dist_default(Sink_module_default);
var Sink;
((Sink2) => {
  function Root(props) {
    return /* @__PURE__ */ jsx(ElevationProvider, { type: "sink", children: /* @__PURE__ */ jsx("div", { className: styles.root(), ...props }) });
  }
  Sink2.Root = Root;
  function Row(props) {
    return /* @__PURE__ */ jsx("div", { ...props, className: styles.row(dist_default.merge(props)) });
  }
  Sink2.Row = Row;
  function Content(props) {
    return /* @__PURE__ */ jsx("div", { ...props, className: styles.content(dist_default.merge(props)) });
  }
  Sink2.Content = Content;
  function Options(props) {
    return /* @__PURE__ */ jsx("div", { ...props, className: styles.options(dist_default.merge(props)) });
  }
  Sink2.Options = Options;
  function Header(props) {
    return /* @__PURE__ */ jsx("header", { ...props, className: styles.header(dist_default.merge(props)) });
  }
  Sink2.Header = Header;
  function Title(props) {
    return /* @__PURE__ */ jsx("p", { ...props, className: styles.title(dist_default.merge(props)) });
  }
  Sink2.Title = Title;
})(Sink || (Sink = {}));
export {
  Sink
};