/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { jsx } from "react/jsx-runtime";
//#region src/layout/ActionBar/ActionBar.tsx
/**
* Action bar for grouping page-level actions (save, preview, etc.)
*/
var ActionBarBase = ({ children, className = "" }) => /* @__PURE__ */ jsx("div", {
	className: `flex items-center gap-2 rounded-md bg-overlay-hover px-4 py-3 ${className}`,
	children
});
/**
* Pushes subsequent children to the right side of the ActionBar
*/
var Spacer = () => /* @__PURE__ */ jsx("div", { className: "flex-1" });
var ActionBar = Object.assign(ActionBarBase, { Spacer });
//#endregion
export { ActionBar };

//# sourceMappingURL=ActionBar.js.map