import { jsx as n } from "react/jsx-runtime";
import { forwardRef as m } from "react";
import { cx as v } from "../../utils/classNames.js";
import { useArrowTheme as p } from "../../hooks/useArrowTheme.js";
const f = m(
  ({ inverse: e, orientation: d = "horizontal", variant: r, className: i, ...o }, t) => {
    const s = p(), a = e ?? s.inverse;
    return /* @__PURE__ */ n(
      "div",
      {
        ref: t,
        className: v(
          "tdds-divider",
          {
            "tdds-divider--branded": r === "branded",
            "tdds-divider--strong": r === "strong"
          },
          i
        ),
        "data-inverse": String(a),
        "data-orientation": d,
        role: "separator",
        "aria-hidden": "true",
        ...o
      }
    );
  }
);
f.displayName = "Divider";
export {
  f as Divider
};
//# sourceMappingURL=Divider.js.map
