@stratakit/structures/dist/DEV/Toolbar.js

Medium-sized component structures for the Strata design system

import { jsx } from "react/jsx-runtime";
import * as React from "react";
import * as Toolbar from "@ariakit/react/toolbar";
import { IconButtonContext } from "@stratakit/bricks/secret-internals";
import { forwardRef } from "@stratakit/foundations/secret-internals";
import cx from "classnames";
const ToolbarGroup = forwardRef((props, forwardedRef) => {
  return /* @__PURE__ */ jsx(
    IconButtonContext.Provider,
    {
      value: React.useMemo(() => ({ iconSize: "large" }), []),
      children: /* @__PURE__ */ jsx(
        Toolbar.Toolbar,
        {
          ...props,
          className: cx("\u{1F95D}-toolbar", props.className),
          ref: forwardedRef
        }
      )
    }
  );
});
DEV: ToolbarGroup.displayName = "Toolbar.Group";
const ToolbarItem = forwardRef(
  (props, forwardedRef) => {
    return /* @__PURE__ */ jsx(Toolbar.ToolbarItem, { ...props, ref: forwardedRef });
  }
);
DEV: ToolbarItem.displayName = "Toolbar.Item";
export {
  ToolbarGroup as Group,
  ToolbarItem as Item
};