import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useIntl } from "react-intl";
import { UiSubmenuHeader } from "@gooddata/sdk-ui-kit";
const screenWrapperStyle = { width: "100%" };
export function DashboardInsightSubmenuContainer(props) {
    const { formatMessage } = useIntl();
    const closeLabel = formatMessage({ id: "menu.close" });
    return (_jsxs("div", { className: "configuration-panel", children: [
            _jsx(UiSubmenuHeader, { title: props.title, tooltipText: props.tooltipText, onBack: props.onBack, onClose: props.onClose, closeAriaLabel: closeLabel, height: "large" }), _jsx("div", { className: "configuration-panel-screen", style: screenWrapperStyle, children: props.children })
        ] }));
}
