// Example: YourLiveListViewController represents your live list waterfall view controller
class YourLiveListViewController: UIViewController {

    // 1. Declare liveListView as a member variable
    private let liveListView = LiveListView(style: .doubleColumn) 

    public override func viewDidLoad() {
        super.viewDidLoad()
        // 2. Add liveListView to the view
        view.addSubview(liveListView)
        liveListView.snp.makeConstraints { make in
            make.edges.equalToSuperview()
        }
        // 3. Set the item click delegate for the list
        liveListView.itemClickDelegate = self
    }
}

extension YourLiveListViewController: OnItemClickDelegate {

    func onItemClick(liveInfo: LiveInfo, frame: CGRect) {
        // 1. Instantiate your audience watch view controller
        let audienceVC = YourAudienceViewController(roomId: liveInfo.roomId)
        audienceVC.modalPresentationStyle = .fullScreen
        // 2. Present the audience watch view controller
        present(audienceVC, animated: false)
    }
}

// Example: YourLiveListViewController represents your live list waterfall view controller
class YourLiveListViewController: UIViewController {

    private let liveListView: LiveListView = LiveListView(style: .doubleColumn) 

    public override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(liveListView)
        liveListView.snp.makeConstraints { make in
            make.edges.equalToSuperview()
        }
        liveListView.itemClickDelegate = self
        // 1. Set the custom data source delegate
        liveListView.dataSource = self
    }
}

// 2. Implement the custom data source delegate: LiveListDataSource
extension YourLiveListViewController: LiveListDataSource {

    public func fetchLiveList(cursor: String, onSuccess: @escaping LiveListBlock, onError: @escaping TUIErrorBlock) {
        // 3. Connect to your backend and return data to the UI component in the following format
        var liveInfoList: [LiveInfo] = []
        var liveInfo = LiveInfo()
        liveInfo.roomId = "live_123456"
        liveInfo.name = "live_123456"
        liveInfoList.append(liveInfo)
        let cursor = "aabbccdd"
        onSuccess(cursor, liveInfoList)
    }
}

// Example: YourLiveListViewController represents your live list waterfall view controller
class YourLiveListViewController: UIViewController {

    private let liveListView: LiveListView = LiveListView(style: .doubleColumn) 

    public override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(liveListView)
        liveListView.snp.makeConstraints { make in
            make.edges.equalToSuperview()
        }
        liveListView.itemClickDelegate = self
        liveListView.dataSource = self
        // 1. Set the custom widget adapter
        liveListView.adapter = self
    }
}

// 2. Implement the custom widget adapter
extension YourLiveListViewController: LiveListViewAdapter {
    public func createLiveInfoView(info: LiveInfo) -> UIView {
        // Custom widget view
        return YourCustomView(liveInfo: info)
    }
    
    public func updateLiveInfoView(view: UIView, info: LiveInfo) {
        if let infoView = view as? YourCustomView {
            // Update the data bound to the widget view
            infoView.updateView(liveInfo: info)
        } 
    }
}