import { jsx as _jsx } from "react/jsx-runtime";
import cx from "classnames";
import { FormattedMessage, defineMessages } from "react-intl";
import { Typography } from "@gooddata/sdk-ui-kit";
const messages = defineMessages({
    last: {
        id: "dropzone.widget.last.in.row.desc",
    },
    lastInContainer: {
        id: "dropzone.widget.last.in.container.row.desc",
    },
    default: {
        id: "dropzone.widget.desc",
    },
});
export function WidgetDropZoneBox({ isLast, isInContainer }) {
    const message = isLast ? (isInContainer ? messages.lastInContainer : messages.last) : messages.default;
    return (_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"), 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: message.id, values: { b: (chunks) => _jsx("b", { children: chunks }) } }) }) }) }) }) }));
}
//# sourceMappingURL=WidgetDropZoneBox.js.map