import $i18n from '../../../../../locales/i18n.js';
import React from 'react';
import classNames from 'classnames';
import { CnButton, CnIcon } from '@cainiaofe/cn-ui';
/**
 * 详情视图导航组件
 * 包含上一条/下一条按钮和操作列
 * 使用统一的公共类名，支持通过 className 传递自定义样式
 */
export const DetailNavigation = ({ selectedIndex, totalCount, onPrevious, onNext, renderOperateCell, selectedRecord, className, }) => {
    return (React.createElement("div", { className: classNames('detail-view-navigation', className) },
        React.createElement("div", { className: "detail-view-navigation-left" },
            React.createElement(CnButton, { size: "small", disabled: selectedIndex === 0, onClick: onPrevious, className: "detail-view-nav-button" },
                React.createElement(CnIcon, { type: "arrow-up1", size: "small" }),
                React.createElement("span", null, $i18n.get({ id: 'PreviousArticle', dm: '上一条' }))),
            React.createElement(CnButton, { size: "small", disabled: selectedIndex === totalCount - 1, onClick: onNext, className: "detail-view-nav-button" },
                React.createElement("span", null, $i18n.get({ id: 'NextArticle', dm: '下一条' })),
                React.createElement(CnIcon, { type: "arrow-down1", size: "small" }))),
        React.createElement("div", { className: "detail-view-navigation-right" }, renderOperateCell && selectedRecord ? (React.createElement("div", { className: "detail-view-operate-cell cn-table-row" }, renderOperateCell(selectedRecord, selectedIndex))) : null)));
};
export default DetailNavigation;
