/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4ad2ea | Cube Dev Team */
import { _LayoutContent } from "./LayoutContent.js";
import { tasty } from "@tenphi/tasty";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/content/Layout/LayoutToolbar.tsx
const ToolbarElement = tasty(_LayoutContent, {
	qa: "Toolbar",
	role: "toolbar",
	styles: {
		container: "none",
		height: "min 5x",
		flexShrink: 0,
		flexGrow: 0,
		Inner: {
			display: "flex",
			flow: "row nowrap",
			placeContent: "center space-between",
			placeItems: "center stretch",
			gap: "1x",
			padding: "0 ($content-padding, 1x)"
		}
	}
});
function LayoutToolbar(props, ref) {
	const { children, scrollbar = "tiny", ...otherProps } = props;
	return /* @__PURE__ */ jsx(ToolbarElement, {
		...otherProps,
		ref,
		scrollbar,
		children
	});
}
const _LayoutToolbar = forwardRef(LayoutToolbar);
_LayoutToolbar.displayName = "Layout.Toolbar";

//#endregion
export { _LayoutToolbar };
//# sourceMappingURL=LayoutToolbar.js.map