react-email-builder
Version:
A simple React drag and drop email builder.
35 lines (34 loc) • 1.81 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DividerBlockEditor = void 0;
const react_1 = __importDefault(require("react"));
const ColorPicker_1 = require("../../../controls/ColorPicker");
const Field_1 = require("../../../controls/Field");
const Select_1 = require("../../../controls/Select");
const SizeInput_1 = require("../../../controls/SizeInput");
const hooks_1 = require("../../../hooks");
function DividerBlockEditor({ block }) {
const { attrs } = block;
const setAttrs = (0, hooks_1.useBlockAttrsEditor)(block);
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Field_1.Field, { label: "Height" },
react_1.default.createElement(SizeInput_1.SizeInput, { value: attrs.height, min: 1, onChange: (height) => {
setAttrs({ height });
} })),
react_1.default.createElement(Field_1.Field, { label: "Type" },
react_1.default.createElement(Select_1.Select, { options: [
{ value: 'solid', label: 'Solid' },
{ value: 'Dashed', label: 'Dashed' },
{ value: 'dotted', label: 'Dotted' }
], value: attrs.type, onChange: (type) => {
setAttrs({ type: type });
} })),
react_1.default.createElement(Field_1.Field, { label: "Color" },
react_1.default.createElement(ColorPicker_1.ColorPicker, { color: attrs.color, hideClear: true, onChange: (color) => {
setAttrs({ color });
} }))));
}
exports.DividerBlockEditor = DividerBlockEditor;