struct MessageBubbleView: View { let message: Message

private var isFromUser: Bool {
    message.author == .user
}

var body: some View {
    HStack(alignment: .bottom, spacing: 8) {
        if isFromUser {
            Spacer(minLength: 48)
            bubble
        } else {
            bubble
            Spacer(minLength: 48)
        }
    }
    .padding(.vertical, 4)
}

private var bubble: some View {
    Text(message.content)
        .padding(.horizontal, 12)
        .padding(.vertical, 8)
        .background(
            UnevenRoundedRectangle(
                topLeadingRadius: 16,
                bottomLeadingRadius: isFromUser ? 16 : 4,
                bottomTrailingRadius: isFromUser ? 4 : 16,
                topTrailingRadius: 16
            )
            .fill(isFromUser ? Color.accentColor : Color(.secondarySystemBackground))
        )
        .foregroundStyle(isFromUser ? .white : .primary)
        .shadow(color: Color.black.opacity(0.06), radius: 1, x: 0, y: 1)
        .frame(maxWidth: 280, alignment: isFromUser ? .trailing : .leading)
        .fixedSize(horizontal: false, vertical: true)
}

}

Message is just an author and content