import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button, ItemsWrapper } from "@gooddata/sdk-ui-kit";
import { DashboardRichTextMenuTitle } from "../../DashboardRichTextMenuTitle.js";
const itemsWrapperStyle = { width: "100%" };
export function DashboardRichTextMenuContainer(props) {
    return (_jsxs("div", { className: "insight-configuration", children: [
            _jsxs("div", { className: "insight-configuration-panel-header", children: [
                    _jsx(DashboardRichTextMenuTitle, { widget: props.widget, renderMode: props.renderMode }), _jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-cross configuration-panel-header-close-button s-configuration-panel-header-close-button", onClick: props.onClose, dataId: "s-configuration-panel-header-close-button", dataTestId: "s-configuration-panel-header-close-button" })
                ] }), _jsx(ItemsWrapper, { smallItemsSpacing: true, style: itemsWrapperStyle, className: "gd-rich-text-insight-configuration-menu-item", children: props.children })
        ] }));
}
