import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
import cx from "classnames";
import { FormattedMessage } from "react-intl";
import { Typography } from "@gooddata/sdk-ui-kit";
import { DashboardLayoutSectionBorder } from "./DashboardLayoutSectionBorder/DashboardLayoutSectionBorder.js";
export function SectionDropZoneBox({ isOver, itemSize }) {
    return (_jsx("div", { className: "new-row-dropzone", children: _jsx(DashboardLayoutSectionBorder, { status: isOver ? "active" : "muted", itemSize: itemSize, children: _jsx("div", { className: cx("drag-info-placeholder", "widget-dropzone-box", "s-last-drop-position", "type-kpi"), children: _jsx("div", { className: cx("drag-info-placeholder-inner", "can-drop", { "is-over": isOver }), children: _jsx("div", { className: "drag-info-placeholder-drop-target s-drag-info-placeholder-drop-target", children: _jsx("div", { className: "drop-target-inner", children: _jsx(Typography, { tagName: "p", className: "drop-target-message kpi-drop-target", children: _jsx(FormattedMessage, { id: "dropzone.new.row.desc", values: {
                                        b: (chunks) => _jsx("b", { children: chunks }),
                                        nbsp: _jsx(_Fragment, { children: "\u00A0" }),
                                    } }) }) }) }) }) }) }) }));
}
//# sourceMappingURL=SectionDropZoneBox.js.map