ShazamMusicCard

ShazamMusicCard.swift

import SwiftUI

struct ShazamMusicCard: View {
  var item: SHMediaItem
  
  var body: some View {
    HStack {
      ArtworkImage(url: url) { image in
        image
          .scaledToFit()
          .transition(.opacity.combined(with: .scale))
      }
      .cornerRadius(12.0)
      .frame(width: 100.0, height: 100.0)
      
      VStack(alignment: .leading, spacing: 4.0) {
        Text(name)
          .fontWeight(.bold)
          .font(.callout)
        
        Text(artistName)
          .fontWeight(.light)
          .font(.caption)
      }
      .foregroundColor(.white)
      .frame(maxWidth: .infinity, alignment: .leading)
      .multilineTextAlignment(.leading)
    }
  }
  
  private var name: String {
    item.title ?? ""
  }
  
  private var artistName: String {
    item.artist ?? ""
  }
  
  private var url: URL? {
    item.artworkURL
  }
}