import SwiftUI

struct CreatorChannelPlaceholderTabView: View {
    let title: String

    var body: some View {
        VStack(spacing: 24) {
            VStack(spacing: 12) {
                Text(title)
                    .font(.system(size: 18, weight: .semibold))
                    .foregroundColor(.white)

                Text(I18n.CreatorChannelHome.placeholderMessage)
                    .font(.system(size: 14))
                    .foregroundColor(Color.gray500)
            }

            #if DEBUG
            VStack(spacing: 14) {
                ForEach(1...12, id: \.self) { index in
                    VStack(alignment: .leading, spacing: 8) {
                        Text("DEBUG Dummy Content \(index)")
                            .appFont(size: 16, weight: .medium)
                            .foregroundColor(.white)

                        Text("Sticky validation placeholder row")
                            .appFont(size: 14, weight: .regular)
                            .foregroundColor(Color.gray500)
                    }
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .padding(16)
                    .background(Color.gray900)
                    .cornerRadius(14)
                }
            }
            .padding(.horizontal, 20)
            #endif
        }
        .padding(.vertical, 24)
        .frame(maxWidth: .infinity, alignment: .top)
        .background(Color.black)
    }
}