16 lines
928 B
JavaScript
16 lines
928 B
JavaScript
function Header({ drawings, items, onSave, onExport }) {
|
|
const itemCount = Object.keys(items).length;
|
|
const drawingCount = Object.keys(drawings).length;
|
|
|
|
return React.createElement('header', { className: 'h-[var(--header-height)] bg-white border-b border-gray-200 flex items-center px-6 justify-between' },
|
|
React.createElement('div', {},
|
|
React.createElement('h1', { className: 'text-xl font-semibold text-gray-800' }, '图纸工作台'),
|
|
React.createElement('p', { className: 'text-sm text-gray-500' }, `共管理 ${itemCount} 个件号和 ${drawingCount} 张图纸`)
|
|
),
|
|
React.createElement('div', { className: 'flex items-center gap-2' },
|
|
React.createElement('button', { className: 'btn-secondary', onClick: onSave }, '保存'),
|
|
React.createElement('button', { className: 'btn-primary', onClick: onExport }, '导出图纸')
|
|
)
|
|
);
|
|
}
|