//
//  TimeLineView.swift
//  duduji
//
//  Created by ching on 2023/5/4.
//

import SwiftUI

struct TimeLineView: View {
    var body: some View {
        ScrollView {
            LazyVStack {
                HStack(alignment: .center, spacing: 2) {
                    Image(systemName: "arrow.rectanglepath")
                    Circle()
                        .fill(Color.blue)
                        .frame(width: 12, height: 12)
                    Text("小傻猪猪仔")
                        .bold()
                    Text("转发")
                    Spacer()
                }
                .font(.caption)
                .foregroundColor(.gray)
                .padding(.horizontal)
                HStack {
                    RoundedRectangle(cornerRadius: 6)
                        .fill(Color.blue)
                        .frame(width: 48, height: 48)
                        .overlay(
                            RoundedRectangle(cornerRadius: 6)
                                .stroke(.gray.opacity(0.35), lineWidth: 1)
                        )

                    VStack(alignment: .leading, spacing: 4) {
                        HStack(alignment: .firstTextBaseline, spacing: 2) {
                            Text("科代")
                                .bold()
                            Text(verbatim: "@kedai@nofan.xyz")
                                .textContentType(.none)
                                .font(.subheadline)
                                .foregroundColor(.gray)
                        }
                        HStack {
                            Text("4分钟前")
                            Text("·")
                            Image(systemName: "globe.americas")
                        }
                        .foregroundColor(.gray)
                        .font(.subheadline)
                    }
                    Spacer()
//                    Image(systemName: "ellipsis")
//                        .font(.title2)
//                        .foregroundColor(.gray)
                }
                .padding(.horizontal)

                HStack {
                    Text("偶然刷到一个 INS视频，帅帅的藏族模特走\n 路，但配乐的一个蒙古歌，歌词还是汉语中文。\n 一群西方人在下面评论：多么美好的藏族文化啊！\n 一时间不知道说啥。。。\n 嗐，白人")
                        .multilineTextAlignment(.leading)
                    Spacer()
                }
                .padding(.horizontal)
                Divider()
            }
        }
    }
}

struct TimeLineView_Previews: PreviewProvider {
    static var previews: some View {
        TimeLineView()
    }
}