lti-web-client/src/components/pages/closing/skeleton/ProductionDataClosingSkeleton.tsx

import { Icon } from '@iconify/react';
import DataStateSkeleton from '@/components/helper/skeleton/DataStateSkeleton';

const ProductionDataClosingSkeleton = ({
  title = 'Data Produksi Belum Tersedia',
  subtitle = 'Tidak ada data produksi untuk periode ini.',
  iconName = 'heroicons:chart-bar',
}: {
  title?: string;
  subtitle?: string;
  iconName?: string;
}) => {
  return (
    <div className='w-full rounded-xl p-8 shadow-sm'>
      <div className='flex items-center justify-center p-12'>
        <DataStateSkeleton
          icon={
            <Icon
              icon={iconName}
              className='text-white'
              width={20}
              height={20}
            />
          }
          title={title}
          description={subtitle}
        />
      </div>
    </div>
  );
};

export default ProductionDataClosingSkeleton;