import React, { useMemo } from 'react';
import PisellContent from "../../pisellLayout/content";
import { mergeClassNames } from "../utils";

/**
 * ProcedureContent 子组件 Props
 */

/**
 * ProcedureContent 内容区组件
 * 
 * @description 流程容器的主要内容展示区域
 * @author Pisell Team
 */
var ProcedureContent = function ProcedureContent(_ref) {
  var className = _ref.className,
    style = _ref.style,
    children = _ref.children,
    extra = _ref.extra;
  /** 内容区类名 */
  var contentCls = useMemo(function () {
    return mergeClassNames('pisell-procedure-content', className);
  }, [className]);
  return /*#__PURE__*/React.createElement(PisellContent, {
    className: contentCls,
    style: style
  }, children, extra);
};
ProcedureContent.displayName = 'ProcedureContent';
export default ProcedureContent;