react-email-builder
Version:
A simple React drag and drop email builder.
37 lines (36 loc) • 1.01 kB
TypeScript
import React from 'react';
import type { EmailBuilderBlock, EmailBuilderState } from '../../types';
export interface Props {
block: EmailBuilderBlock;
/**
* Is in drag and drop mode.
*/
dragging?: boolean;
/**
* Is block dragged-over.
*/
dragover?: EmailBuilderState['dragover'];
/**
* Show dorp area or not.
*/
showDropArea?: boolean;
/**
* Is block selected.
*/
selected?: boolean;
/**
* Is children selected. If a column in columns is selected,
* the `childrenSelected` field of its parent columns is `true`.
*/
childrenSelected?: boolean;
/**
* The role of the block.
*/
role?: 'columns' | 'column';
/**
* The children to render. If the value is undefined, the block will be
* rendered.
*/
children?: React.ReactNode;
}
export declare function Block({ block, dragging, dragover, children, childrenSelected, role, selected, showDropArea }: Props): React.JSX.Element;