import { Collapse, List } from 'antd';
import type { GapOut } from '../../types/api';

export function OsvGaps({ gaps }: { gaps: GapOut[] }) {
	if (gaps.length === 0) return null;
	return (
		<Collapse
			items={[
				{
					key: 'gaps',
					label: `Пробелы: ${gaps.length} — по этим счетам нет ОСВ за часть кварталов, их строк в своде нет`,
					children: (
						<List
							size='small'
							dataSource={gaps}
							renderItem={(g) => (
								<List.Item key={`${g.legal_entity_id}-${g.account_code}`}>
									{g.legal_entity_name} — счёт {g.account_code} — нет кварталов: {g.missing_quarters.join(', ')}
								</List.Item>
							)}
						/>
					),
				},
			]}
		/>
	);
}