Files
lti-web-client/src/components/pages/uniformity/skeleton/UniformityTableSkeleton.tsx
T

27 lines
934 B
TypeScript

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-[#0069E0] 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;