import classNames from "classnames";
import React from "react";
import { ClickOutside } from "../../Clickoutside/index.js";
import { TOOLBAR_DATA_HOOK } from "../data-hooks.js";
import styles from "./RicosDesktopToolbarWrapper-scss.js";
const RicosDesktopToolbarWrapper = ({
  type,
  isRTL,
  children,
  onKeyDown,
  onClickOutside
}) => {
  return /* @__PURE__ */ React.createElement(
    "div",
    {
      onKeyDown,
      role: "toolbar",
      dir: isRTL ? "rtl" : "ltr",
      "data-hook": TOOLBAR_DATA_HOOK,
      className: classNames(styles.toolbar, {
        [styles.toolbarFloating]: type === "floating",
        [styles.toolbarStatic]: type === "static"
      })
    },
    /* @__PURE__ */ React.createElement(ClickOutside, { onClickOutside, wrapper: "div" }, children)
  );
};
export {
  RicosDesktopToolbarWrapper
};
//# sourceMappingURL=ricos-desktop-toolbar-wrapper.js.map
