"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _configProvider = _interopRequireDefault(require("../config-provider"));

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

var WhiteBoard = function WhiteBoard(props) {
  var _React$useContext = _react.default.useContext(_configProvider.default.Context),
      getPrefixCls = _React$useContext.getPrefixCls;

  var prefixCls = getPrefixCls('whiteboard', props.prefixCls);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)(prefixCls, props.className),
    style: props.style
  }, props.children);
};

var TopBoard = function TopBoard(props) {
  var _React$useContext2 = _react.default.useContext(_configProvider.default.Context),
      getPrefixCls = _React$useContext2.getPrefixCls;

  var prefixCls = getPrefixCls('whiteboard', props.prefixCls);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)("".concat(prefixCls, "-top"), props.className),
    style: props.style
  }, props.children);
};

var BottomBoard = function BottomBoard(props) {
  var _React$useContext3 = _react.default.useContext(_configProvider.default.Context),
      getPrefixCls = _React$useContext3.getPrefixCls;

  var prefixCls = getPrefixCls('whiteboard', props.prefixCls);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)("".concat(prefixCls, "-bottom"), props.className),
    style: props.style
  }, props.children);
};

WhiteBoard.TopBoard = TopBoard;
WhiteBoard.BottomBoard = BottomBoard;
var _default = WhiteBoard;
exports.default = _default;