import PisellContent from "../../pisellLayout/content.js";
import { mergeClassNames } from "../utils/classNames.js";
import React, { useMemo } from "react";
//#region src/components/PisellProcedure/components/ProcedureContent.tsx
/**
* ProcedureContent 内容区组件
* 
* @description 流程容器的主要内容展示区域
* @author Pisell Team
*/
const ProcedureContent = ({ className, style, children, extra }) => {
	/** 内容区类名 */
	const contentCls = useMemo(() => {
		return mergeClassNames("pisell-procedure-content", className);
	}, [className]);
	return /* @__PURE__ */ React.createElement(PisellContent, {
		className: contentCls,
		style
	}, children, extra);
};
ProcedureContent.displayName = "ProcedureContent";
//#endregion
export { ProcedureContent as default };
