react-email-builder/lib/blocks/placeholder/index.js

A simple React drag and drop email builder.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Placeholder = void 0;
const react_1 = __importDefault(require("react"));
const utils_1 = require("../../utils");
const hooks_1 = require("../../hooks");
const clsx_1 = __importDefault(require("clsx"));
function Placeholder({ block }) {
    const { draggingType, dragoverId } = (0, hooks_1.useEmailBuilderState)();
    const css = (0, utils_1.getCss)('Placeholder', (ns) => ({
        root: ns(),
        dragging: ns('dragging'),
        dragover: ns('dragover')
    }));
    return (react_1.default.createElement("div", { className: (0, clsx_1.default)(css.root, {
            [css.dragging]: !!draggingType,
            [css.dragover]: block.id === dragoverId
        }) }, block.attrs.end && draggingType ? 'Drop it here' : 'No content here'));
}
exports.Placeholder = Placeholder;