import { Icon } from '@iconify/react';
import ClosingTabSkeleton from './ClosingTabSkeleton';
import { RowSapronakCalculation } from '@/types/api/closing';
import { ColumnDef } from '@tanstack/react-table';

const SapronakCalculationClosingSkeleton = ({
  columns,
  title = 'Data Perhitungan Sapronak Belum Tersedia',
  subtitle = 'Tidak ada data perhitungan sapronak untuk periode ini.',
  iconName = 'heroicons:chart-bar',
}: {
  columns: ColumnDef<RowSapronakCalculation>[];
  title?: string;
  subtitle?: string;
  iconName?: string;
}) => {
  return (
    <ClosingTabSkeleton<RowSapronakCalculation>
      columns={columns}
      icon={
        <Icon icon={iconName} className='text-white' width={20} height={20} />
      }
      title={title}
      subtitle={subtitle}
    />
  );
};

export default SapronakCalculationClosingSkeleton;
