// src/components/UserMenuSkeleton.tsx
import React from 'react';

/**
 * A simple skeleton loader to be displayed in the header while
 * the user's authentication status is being determined.
 */
export const UserMenuSkeleton: React.FC = () => {
  return (
    <div className="flex items-center space-x-2 animate-pulse">
      <div className="h-8 w-24 bg-gray-200 dark:bg-gray-700 rounded-md"></div>
      <div className="h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full"></div>
    </div>
  );
};