import { FC } from 'react'
import Skeleton from 'react-loading-skeleton'

const BoxSekeleton: FC = () => {
    return (
        <div className='mt-6 flex xl:gap-6 gap-1 justify-center'>
            <Skeleton
                containerClassName='flex-1  xl:p-6 py-2 px-4 xl:max-w-[253px]'
                className='h-[111px] !rounded-2xl'
                baseColor='#D9D9D9'
            />
            <Skeleton
                containerClassName='flex-1  xl:p-6 py-2 px-4 xl:max-w-[253px]'
                className='h-[111px] !rounded-2xl'
                baseColor='#D9D9D9'
            />
            <Skeleton
                containerClassName='flex-1  xl:p-6 py-2 px-4 xl:max-w-[253px]'
                className='h-[111px] !rounded-2xl'
                baseColor='#D9D9D9'
            />
        </div>
    )
}

export default BoxSekeleton