react-big-schedule/dist/components/AddMore.js

React Big Schedule is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With d

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function AddMore(_ref) {
  var schedulerData = _ref.schedulerData,
    number = _ref.number,
    left = _ref.left,
    width = _ref.width,
    top = _ref.top,
    clickAction = _ref.clickAction,
    headerItem = _ref.headerItem;
  var config = schedulerData.config;
  var content = "+".concat(number, " more");
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
    type: "button",
    className: "timeline-event",
    style: {
      left: left,
      width: width,
      top: top
    },
    onClick: function onClick() {
      return clickAction(headerItem);
    },
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      style: {
        height: config.eventItemHeight,
        color: '#999',
        textAlign: 'center'
      },
      children: content
    })
  });
}
AddMore.propTypes = {
  schedulerData: _propTypes["default"].object.isRequired,
  number: _propTypes["default"].number.isRequired,
  left: _propTypes["default"].number.isRequired,
  width: _propTypes["default"].number.isRequired,
  top: _propTypes["default"].number.isRequired,
  clickAction: _propTypes["default"].func.isRequired,
  headerItem: _propTypes["default"].object.isRequired
};
var _default = exports["default"] = AddMore;