alinea/dist/ui/Sink.js

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

import "../chunks/chunk-U5RRZUYZ.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 { fromModule } from "./util/Styler.js";
import { jsx } from "react/jsx-runtime";
var styles = fromModule(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;
  Sink2.Row = styles.row.toElement("div");
  Sink2.Content = styles.content.toElement("div");
  Sink2.Options = styles.options.toElement("div");
  Sink2.Header = styles.header.toElement("header");
  Sink2.Title = styles.title.toElement("p");
})(Sink || (Sink = {}));
export {
  Sink
};