import SwiftUI
import SimpleXChat

struct ComposeChatLinkView: View {
    @EnvironmentObject var theme: AppTheme
    var chatLink: MsgChatLink
    var cancelPreview: () -> Void
    let cancelEnabled: Bool

    var body: some View {
        HStack(alignment: .center, spacing: 8) {
            ProfileImage(
                imageStr: chatLink.image,
                iconName: chatLink.iconName,
                size: 44
            )
            .padding(.leading, 12)
            VStack(alignment: .leading, spacing: 2) {
                Text(chatLink.displayName)
                    .font(.headline)
                    .lineLimit(1)
                if let descr = chatLink.shortDescription {
                    Text(descr)
                        .font(.caption)
                        .foregroundColor(theme.colors.secondary)
                        .lineLimit(1)
                }
            }
            .padding(.vertical, 5)
            Spacer()
            if cancelEnabled {
                Button { cancelPreview() } label: {
                    Image(systemName: "multiply")
                }
            }
        }
        .padding(.vertical, 8)
        .padding(.trailing, 12)
        .background(theme.appColors.sentMessage)
        .frame(maxWidth: .infinity)
    }
}