hamid zarghami
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { FC } from 'react'
|
|
import Skeleton from 'react-loading-skeleton'
|
|
|
|
const AnouncementSkeleton: FC = () => {
|
|
return (
|
|
<div className={'p-4 border-b'}>
|
|
<div className='flex items-center justify-between'>
|
|
<div className='leading-6 text-xs xl:text-[12.5px] max-w-[70%]'>
|
|
<Skeleton
|
|
height={7}
|
|
width={100}
|
|
/>
|
|
</div>
|
|
|
|
<div className='flex gap-1'>
|
|
<Skeleton
|
|
className='!w-10 !h-6 !rounded-full'
|
|
/>
|
|
<Skeleton
|
|
className='!w-10 !h-6 !rounded-full'
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className='m-2 flex justify-between items-center text-[11px]'>
|
|
<Skeleton
|
|
height={7}
|
|
width={150}
|
|
/>
|
|
<div className='text-description'>
|
|
<Skeleton
|
|
height={7}
|
|
width={40}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AnouncementSkeleton |