Spotify Authentication Management Component

Provides a user interface for handling Spotify API authentication status and actions. This card visually communicates the current authentication state and offers appropriate login/logout functionality.

Features:

  • Visual status indicator with color-coding and icons
  • Context-aware messaging based on authentication state
  • Authentication badge for quick status recognition
  • Login button with Spotify branding for OAuth flow initiation
  • Logout functionality for session termination
  • Responsive design with consistent styling

The component adapts its display and messaging based on whether the user is currently authenticated or requires re-authentication, providing appropriate guidance and actions for each state.

Interfaces

AuthenticationCardProps

Functions

AuthenticationCard