import Skeleton from 'react-loading-skeleton'

const LoadingCardRising = ({ key }: { key: number }) => {
    return (
        <div
            className="flex items-start p-3 rounded-lg"
        >
            <Skeleton height={112} width={80} />
            <div className="ml-4 flex-1">
                <Skeleton containerClassName='w-full h-6' />
                <div className="flex items-center text-[11px] text-gray-400 gap-2">
                    <Skeleton containerClassName='w-full h-4 mb-1' />
                    <span>•</span>
                    <Skeleton containerClassName='w-full h-4 mb-1' />
                </div>
                <Skeleton containerClassName='w-full h-4 mb-1' />

            </div>
        </div>
    )
}

export default LoadingCardRising