Failed Message

// Failed Message · syxUI · https://syxui.dev/components/chat-failed
// Free in any project. Keep this line and credit syxUI where a person can read it.

import SwiftUI

// Failed / not delivered message
struct ChatFailedMessage: View {
    let red = Color(red: 0.9, green: 0.24, blue: 0.22)
    var body: some View {
        HStack(spacing: 8) {
            Spacer(minLength: 44)
            VStack(alignment: .trailing, spacing: 3) {
                Text("Did you get my email?").font(.system(size: 16)).foregroundStyle(.white)
                    .padding(.horizontal, 14).padding(.vertical, 10)
                    .background(red, in: RoundedRectangle(cornerRadius: 20, style: .continuous))
                HStack(spacing: 3) {
                    Image(systemName: "exclamationmark.circle.fill").font(.system(size: 11)).foregroundStyle(red)
                    Text("Not Delivered").font(.system(size: 11)).foregroundStyle(.secondary)
                }
            }
        }
    }
}