export const UserStatus = ({ isActive }: { isActive: boolean }) => (
  <div className="flex items-center justify-center">
    <span
      className={`inline-block w-2 h-2 rounded-full mr-2 ${isActive ? 'bg-success' : 'bg-error'}`}></span>
    <span>{isActive ? 'Activo' : 'Inactivo'}</span>
  </div>
)