import Button from '@/components/Button';
import { Icon } from '@iconify/react';

const UniformityTableSkeleton = () => {
  return (
    <div className='flex flex-col items-center justify-center gap-2 my-20'>
      <div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
        <Button className='rounded-2xl border border-sky-500 bg-primary  text-white'>
          <Icon
            icon={'heroicons-outline:chart-bar'}
            className='text-4xl text-whitd'
          />
        </Button>
      </div>
      <span className='text-xl font-semibold text-[#18181B80] leading-5'>
        No Data Available
      </span>
      <span className='text-xs font-light text-[#18181B80] leading-4 text-center max-w-xs px-4'>
        There is no uniformity data displayed. Enter uniformity check data to
        get started.
      </span>
    </div>
  );
};

export default UniformityTableSkeleton;
