import UIKit
import AtomicX

let anchorView: AnchorView

func setupUI() {
    // Step 1: Create the beauty filter button and set button order
    let beautyButton = UIButton(type: .system)
    beautyButton.setTitle("beauty", for: .normal)
    // Order: co-host, PK, custom beauty button, more
    anchorView.bottomItems = [.coHost, .battle, .custom(beautyButton), .more]

    // Step 2: Replace the LiveInfo view style
    let customLiveInfoView = CustomLiveInfoView()
    anchorView.replace(node: .liveInfo, with: customLiveInfoView)

    // Step 3: Add the "Popularity Ranking" floating widget
    let rankWidget = RankWidgetView()
    // Add widget to the overlay layer
    anchorView.overlayView.addSubview(rankWidget)
    // Position below the top-left corner
    rankWidget.snp.makeConstraints { make in
        make.top.equalToSuperview().offset(120)
        make.leading.equalToSuperview().offset(12)
        make.width.equalTo(70)
        make.height.equalTo(30)
    }
}

import UIKit
import AtomicX

let anchorView: AnchorView

// Example: Keep only the co-host feature in the bottom toolbar and add a product list trigger button
func adjustBottomBar() {
    // Step 1: Prepare custom button view
    let goodsButton = UIButton(type: .custom)
    goodsButton.setImage(UIImage(named: "shop_cart"), for: .normal)
    
    // Step 2: Update the bottom button array
    anchorView.bottomItems = [
        .coHost, 
        .custom(goodsButton)
    ]
}

import UIKit
import AtomicX

let anchorView: AnchorView

// Example: Keep audience count and close room buttons in the top-right corner, and add a "Report" button
func adjustTopRightBar() {
    // Step 1: Prepare custom button view
    let reportButton = UIButton(type: .custom)
    reportButton.setImage(UIImage(named: "report_btn"), for: .normal)

    // Step 2: Update the top button array in display order
    anchorView.topRightItems = [.audienceCount, .custom(reportButton), .close]
}

class MyInfoView: UIView {
    init() {
        super.init(frame: .zero)
        let label = UILabel()
        label.text = "Live now"
        addSubview(label)
        label.snp.makeConstraints { make in
            make.edges.equalToSuperview().inset(12)  // Child view expands parent view
        }
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

class MyInfoView: UIView {
    override var intrinsicContentSize: CGSize {
        CGSize(width: 200, height: 44)
    }
}

let anchorView: AnchorView

// Example: Replace the default area with a custom live info view
func replaceLiveInfoNode() {
    // Step 1: Initialize a custom view with proper layout rules
    let customInfoView = MyInfoView()
    customInfoView.backgroundColor = .darkGray

    // Step 2: Call replace to update the specific node
    anchorView.replace(node: .liveInfo, with: customInfoView)
}

import UIKit
import AtomicX

class YourAnchorViewController {
    var anchorView: AnchorView?

    // Example: Bind a tap event to a custom live info view and reuse the SDK's built-in host info panel
    func setupCustomLiveInfoNode() {
        // Step 1: Initialize custom view and bind gesture event
        let customLiveInfoView = MyInfoView() // Custom live info view
        customLiveInfoView.backgroundColor = .darkGray

        // Enable user interaction and add tap gesture
        customLiveInfoView.isUserInteractionEnabled = true
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleLiveInfoClick))
        customLiveInfoView.addGestureRecognizer(tapGesture)

        // Replace the live info node with the custom view
        anchorView?.replace(node: .liveInfo, with: customLiveInfoView)
    }

    // Step 2: Trigger built-in logic or business code
    @objc func handleLiveInfoClick() {
        // UI node view is custom, but tap logic reuses the built-in host info popup
        anchorView?.perform(.showLiveInfo)
        // Or pop up your own host info dialog
    }
}

import UIKit
import AtomicX
import AtomicXCore // Use core data interface for business development

// Step 1: Build custom audience list view
class CustomAudienceListView: UIView {
    override init(frame: CGRect) {
        super.init(frame: frame)
        self.backgroundColor = .white
        setupUI()
        bindLiveData()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupUI() {
        // Add custom UI controls, such as audience avatars, user levels, etc.
    }
    
    private func bindLiveData() {
        // Use AtomicXCore to get current room status or user data
        // Refresh custom UI after obtaining core data
    }
}

// Example: Slide up a custom panel from the bottom, occupying half the screen height
func presentBusinessPanel(from parentViewController: UIViewController) {
    // Step 2: Configure popup container parameters
    let config = AtomicPopover.AtomicPopoverConfig(
        position: .bottom,
        height: .ratio(0.5), 
        animation: .slideFromBottom
    )
    
    // Step 3: Present custom view
    let audienceListView = CustomAudienceListView()
    let popover = AtomicPopover(contentView: audienceListView, configuration: config)
    
    parentViewController.present(popover, animated: true)
}

import UIKit
import TUILiveKit

class LiveRoomController: UIViewController {
    var anchorView: AnchorView?

    // Example: Display a red packet widget floating at the top-left corner, and pop up the custom business panel when clicked
    func addRedPacketWidget() {
        // Step 1: Create widget view and enable interaction
        let redPacketWidget = UIImageView(image: UIImage(named: "red_packet_icon"))
        redPacketWidget.frame = CGRect(x: 15, y: 120, width: 60, height: 60)
        redPacketWidget.isUserInteractionEnabled = true
        
        // Step 2: Bind tap event
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleRedPacketClick))
        redPacketWidget.addGestureRecognizer(tapGesture)
        
        // Step 3: Add to overlay layer
        anchorView?.overlayView.addSubview(redPacketWidget)
    }
    
    @objc func handleRedPacketClick() {
        // Call the presentBusinessPanel method to pop up your custom business view
        // presentBusinessPanel(from: self)
    }
}