import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { CancelButton } from "./button/cancelButton/CancelButton.js";
import { EditButton } from "./button/editButton/EditButton.js";
import { SaveAsNewButton } from "./button/saveAsButton/SaveAsNewButton.js";
import { SaveButton } from "./button/saveButton/SaveButton.js";
import { SettingButton } from "./button/settingButton/SettingButton.js";
import { ShareButton } from "./button/shareButton/ShareButton.js";
/**
 * @alpha
 */
export function DefaultButtonBar({ children, cancelButtonProps, saveButtonProps, settingButtonProps, editButtonProps, saveAsNewButtonProps, shareButtonProps, childContentPosition = "left", left, right, }) {
    // TODO INE allow customization of buttons via getter from props
    return (_jsxs("div", { className: "dash-control-buttons", children: [left, childContentPosition === "left" && children, _jsx(CancelButton, { ...cancelButtonProps }), _jsx(SaveButton, { ...saveButtonProps }), _jsx(SettingButton, { ...settingButtonProps }), _jsx(EditButton, { ...editButtonProps }), _jsx(SaveAsNewButton, { ...saveAsNewButtonProps }), _jsx(ShareButton, { ...shareButtonProps }), childContentPosition === "right" && children, right] }));
}
