// Bar skeleton (matches the project's skeleton pattern) shown while a product's SEO data syncs.
const RankMathSkeleton = () => (
    <div className="flex flex-col gap-2 animate-pulse mb-3" role="status">
        <div className="h-4 w-1/2 bg-gray-200 rounded"></div>
        <div className="h-4 w-full bg-gray-200 rounded"></div>
        <div className="h-4 w-3/4 bg-gray-200 rounded"></div>
        <div className="h-4 w-full bg-gray-200 rounded"></div>
        <div className="h-4 w-1/2 bg-gray-200 rounded"></div>
    </div>
);

export default RankMathSkeleton;
