import React from 'react';

export const UserNav: React.FC = () => {
  return (
    <div className="flex items-center space-x-4">
      <div className="flex-shrink-0">
        <img className="h-10 w-10 rounded-full" src="https://via.placeholder.com/40" alt="User avatar" />
      </div>
      <div>
        <div className="font-medium text-gray-900">John Doe</div>
        <div className="text-sm text-gray-500">john@example.com</div>
      </div>
    </div>
  );
};