@lyra/form-builder/lib/inputs/BlockEditor/nodes/ListItem.js

Lyra form builder

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = ListItem;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ListItem = require('./styles/ListItem.css');

var _ListItem2 = _interopRequireDefault(_ListItem);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/*:: import type {Node} from 'react'*/


const LIST_ITEM_TYPES = ['bullet', 'number', 'roman'];

/*:: type Props = {
  listStyle: string,
  level: number,
  children: Node
}*/
function ListItem(props /*: Props*/) {
  const listStyle = props.listStyle,
        level = props.level;

  if (!LIST_ITEM_TYPES.includes(listStyle)) {
    throw new Error(`Don't know how to handle listItem '${listStyle}'. ` + `Expected one of '${LIST_ITEM_TYPES.join("', '")}'`);
  }
  const className = `${_ListItem2.default[listStyle]} ${_ListItem2.default[`level-${level}`]}`;
  return _react2.default.createElement(
    'div',
    { className: className },
    _react2.default.createElement(
      'div',
      { className: _ListItem2.default.item },
      props.children
    )
  );
}