//
//  ScenicPromotionSettingsHeaderView.swift
//  suixinkan
//
//  Created by Codex on 2026/7/2.
//

import SwiftUI

/// 设置页顶部说明模块。
struct ScenicPromotionSettingsHeaderView: View {
    var body: some View {
        HStack(spacing: 14) {
            Image(systemName: "slider.horizontal.3")
                .font(.system(size: 24, weight: .bold))
                .foregroundStyle(.white)
                .frame(width: 52, height: 52)
                .background(.white.opacity(0.18), in: RoundedRectangle(cornerRadius: 16))

            VStack(alignment: .leading, spacing: 6) {
                Text("宣传页内容设置")
                    .font(.system(size: 20, weight: .heavy))
                    .foregroundStyle(.white)
                Text("配置排队绑定、素材所属点位和本地演示素材")
                    .font(.system(size: 13, weight: .medium))
                    .foregroundStyle(.white.opacity(0.86))
                    .lineLimit(2)
            }

            Spacer(minLength: 0)
        }
        .padding(18)
        .frame(maxWidth: .infinity, alignment: .leading)
        .background(
            LinearGradient(
                colors: [Color(hex: 0x087BFF), Color(hex: 0x0C56D8)],
                startPoint: .topLeading,
                endPoint: .bottomTrailing
            ),
            in: RoundedRectangle(cornerRadius: 18)
        )
    }
}

#if DEBUG
#Preview("设置页头部") {
    ScenicPromotionSettingsHeaderView()
        .padding()
        .background(AppDesign.background)
}
#endif