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