@lanaco/lnc-react-ui/dist/TreeMenuSeparator.js

React component library

import { jsx as p } from "react/jsx-runtime";
import { P as r } from "./index-S5Cd7WrG.js";
import { n as l } from "./emotion-styled.browser.esm-CjCaF13H.js";
import { b as n } from "./utils-DtRLzzTZ.js";
import { forwardRef as i } from "react";
import { u as c } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
const f = l.div`
  height: 1px;
  background-color: ${(e) => n(
  e.theme,
  "MenuItem",
  "default",
  "enabled",
  "separator"
)};
  margin-left: -0.25rem;
  margin-right: -0.25rem;
`, u = i((e, t) => {
  const { className: o = "", style: a = {}, ...s } = e, m = c();
  return /* @__PURE__ */ p(
    f,
    {
      ref: t,
      theme: m,
      className: "lnc-ui-separator " + o,
      style: a,
      ...s
    }
  );
});
u.propTypes = {
  /**
   * When the separator needs to be set beetween Menu Items that are justified to end, prop needs to be set to `justifyToEnd={true}`
   */
  className: r.string,
  style: r.object
};
export {
  u as default
};