//
//  CreatorCommunityItemView.swift
//  SodaLive
//
//  Created by klaus on 2023/12/14.
//

import SwiftUI

struct CreatorCommunityItemView: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 8) {
            HStack(spacing: 11) {
                Image("ic_place_holder")
                    .resizable()
                    .frame(width: 40, height: 40)
                    .clipShape(Circle())
                
                Text("민하나")
                    .font(.custom(Font.medium.rawValue, size: 13.3))
                    .foregroundColor(Color(hex: "eeeeee"))
                
                Spacer()
                
                Text("1일")
                    .font(.custom(Font.light.rawValue, size: 13.3))
                    .foregroundColor(Color(hex: "777777"))
            }
            
            HStack(spacing: 0) {
                Text("너무 조하유 앞으로도 좋은 라이브 많이 들려주세요!너무 조하유 앞으로도 좋은 라이브 많이 들려주세요!너무 조하유 앞으로도 좋은 라이브 많이 들려주세요!너무 조하유 앞으로도 좋은 라이브 많이 들려주세요!")
                    .font(.custom(Font.medium.rawValue, size: 12))
                    .foregroundColor(Color(hex: "bbbbbb"))
                    .fixedSize(horizontal: false, vertical: true)
                    .lineLimit(3)
                
                Spacer()
                
                Image("btn_plus_round_rect")
                    .resizable()
                    .frame(width: 53.3, height: 53.3)
                    .cornerRadius(4.7)
            }
            
            HStack(spacing: 13.3) {
                HStack(spacing: 6) {
                    Image("ic_heart_777")
                        .resizable()
                        .frame(width: 13.3, height: 13.3)
                    
                    Text("7,680")
                        .font(.custom(Font.medium.rawValue, size: 11))
                        .foregroundColor(Color(hex: "777777"))
                }
                
                HStack(spacing: 6) {
                    Image("ic_message_square_777")
                        .resizable()
                        .frame(width: 13.3, height: 13.3)
                    
                    Text("150")
                        .font(.custom(Font.medium.rawValue, size: 11))
                        .foregroundColor(Color(hex: "777777"))
                }
            }
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .padding(13.3)
        .background(Color(hex: "222222"))
        .cornerRadius(11)
    }
}

struct CreatorCommunityItemView_Previews: PreviewProvider {
    static var previews: some View {
        CreatorCommunityItemView()
    }
}