import React from 'react';
import classNames from 'classnames';
import ConfigProvider from '../config-provider';

var WhiteBoard = function WhiteBoard(props) {
  var _React$useContext = React.useContext(ConfigProvider.Context),
      getPrefixCls = _React$useContext.getPrefixCls;

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

var TopBoard = function TopBoard(props) {
  var _React$useContext2 = React.useContext(ConfigProvider.Context),
      getPrefixCls = _React$useContext2.getPrefixCls;

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

var BottomBoard = function BottomBoard(props) {
  var _React$useContext3 = React.useContext(ConfigProvider.Context),
      getPrefixCls = _React$useContext3.getPrefixCls;

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

WhiteBoard.TopBoard = TopBoard;
WhiteBoard.BottomBoard = BottomBoard;
export default WhiteBoard;