20 lines
754 B
TypeScript
20 lines
754 B
TypeScript
import React from 'react'
|
|
|
|
export const PostCardSkeleton: React.FC = () => {
|
|
return (
|
|
<div className="border border-gray-200 rounded-lg p-6 shadow-sm bg-white animate-pulse">
|
|
<div className="flex items-center gap-2 mb-2">
|
|
<div className="w-16 h-5 bg-gray-200 rounded-full"></div>
|
|
<div className="w-20 h-4 bg-gray-200 rounded"></div>
|
|
</div>
|
|
<div className="h-6 bg-gray-200 rounded w-3/4 mb-3"></div>
|
|
<div className="space-y-2">
|
|
<div className="h-4 bg-gray-200 rounded w-full"></div>
|
|
<div className="h-4 bg-gray-200 rounded w-5/6"></div>
|
|
<div className="h-4 bg-gray-200 rounded w-4/6"></div>
|
|
</div>
|
|
<div className="mt-4 h-4 bg-gray-200 rounded w-20"></div>
|
|
</div>
|
|
)
|
|
}
|