@nodeject/ui-components/esm/dnd-lists/list/components/NewItemButton.js

UI library for non-trivial components

import { Button } from 'antd';
import cc from 'classcat';
import * as React from 'react';
import * as styles from './NewItemButton.module.less';
var btnStyle = { fontSize: '1.6rem', lineHeight: '1rem' };
export var NewItemButtonDefault = function (props) {
    var _a;
    var onNewItemClicked = props.onNewItemClicked, position = props.position;
    var isDisabled = props.isDisabled !== undefined ? props.isDisabled : false;
    var title = props.title || '+';
    var className = cc((_a = {},
        _a[styles.newItemButton] = Boolean(styles.newItemButton),
        _a[props.className] = Boolean(props.className),
        _a));
    return (React.createElement("div", { className: className },
        React.createElement(Button, { block: true, size: "small", type: "primary", disabled: isDisabled, onClick: function () { return onNewItemClicked(position); } },
            React.createElement("span", { style: btnStyle }, title))));
};