import $i18n from '../../../../../locales/i18n.js';
import React from 'react';
import classNames from 'classnames';
import { CnLoading } from '@cainiaofe/cn-ui';
import './detail-view-layout.scss';
/**
 * 详情视图布局组件
 * 提供左右分栏的布局结构
 * 使用统一的公共类名，支持通过 className 传递自定义样式
 */
export const DetailViewLayout = ({ 
// eslint-disable-next-line @typescript-eslint/no-unused-vars
viewId, leftContent, rightContent, emptyContent, isEmpty = false, className, toolbar, loading = false, loadingTip, }) => {
    const content = (React.createElement(React.Fragment, null,
        toolbar,
        React.createElement("div", { className: classNames('detail-view-wrapper', className) },
            React.createElement("div", { className: "detail-view-left" }, leftContent),
            React.createElement("div", { className: "detail-view-right" }, isEmpty ? (React.createElement("div", { className: "detail-view-empty" }, emptyContent || $i18n.get({ id: 'NoData', dm: '暂无数据' }))) : (rightContent)))));
    if (loading) {
        return (React.createElement(CnLoading, { tip: loadingTip, inline: false, visible: loading }, content));
    }
    return content;
};
export default DetailViewLayout;
