Swift Playground - Discord Chat UI

Mainv1.swift

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
    var body: some View {
        VStack {
            HStack {
                Image(uiImage: #imageLiteral(resourceName: "Fif9dcDXEAAJ1Ul.jpeg"))
                    .resizable()
                    .scaledToFit()
                    .clipShape(Circle())
                    .frame(width: 64, height: 64)
                
                VStack (alignment: .leading, spacing: 10) {
                    HStack {
                        Text("Aai")
                            .font(.title) 
                            .foregroundColor(.blue)
                        Text("Today at 6:25 AM")
                            .foregroundColor(.gray)
                    }
                    Text("Hello, World!")
                }
            }
        }
    }
}


PlaygroundPage.current.setLiveView(ContentView())

Mainv2.swift

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
    var body: some View {
        VStack {
            DiscordChat(time: "6:25 AM", msg: "Hello, world!")
            DiscordChat(time: "7:30 AM", msg: "Swiftyy")
            DiscordChat(time: "9:17 AM", msg: "Raawr") 
        }
        
    }
}

struct DiscordChat: View {
    var name: String = "Aai"
    var time: String
    var msg: String 
    
    var body: some View {
        VStack {
            HStack {
                Image(uiImage: #imageLiteral(resourceName: "Fif9dcDXEAAJ1Ul.jpeg"))
                    .resizable()
                    .scaledToFit()
                    .clipShape(Circle())
                    .frame(width: 64, height: 64)
                
                VStack (alignment: .leading, spacing: 10) {
                    HStack {
                        Text(name)
                            .font(.title) 
                            .foregroundColor(.blue)
                        Text("Today at \(time)")
                            .foregroundColor(.gray)
                    }
                    Text(msg)
                }
            }
        }
        //        .background(.pink)
    }
}

PlaygroundPage.current.setLiveView(ContentView())