import Defaults
import SwiftUI

struct VideosCellsView: View {
    @Default(.tabSelection) var tabSelection

    @State private var columns: Int

    init(videos: [Video], columns: Int = 3) {
        self.videos = videos
        self.columns = columns
    }

    var videos = [Video]()

    var body: some View {
        ScrollView(.vertical, showsIndicators: false) {
            LazyVGrid(columns: items, alignment: .center, spacing: 10) {
                ForEach(videos) { video in
                    VideoCellView(video: video)
                        .contextMenu { VideoContextMenuView(video: video) }
                }
            }
            .padding()
        }
    }

    var items: [GridItem] {
        Array(repeating: .init(.fixed(600)), count: gridColumns)
    }
    
    var gridColumns: Int {
        videos.count < columns ? videos.count : columns
    }
}