Atoll/DynamicIsland/components/IdleAnimationView.swift

//
//  IdleAnimationView.swift
//  DynamicIsland
//
//  Created by AI Assistant on 11/10/2025.
//  Unified view for displaying idle animations (Lottie or built-in face)
//

import SwiftUI
import Lottie
import LottieUI
import Defaults

struct IdleAnimationView: View {
    @Default(.selectedIdleAnimation) var selectedAnimation
    
    var body: some View {
        Group {
            if let animation = selectedAnimation {
                AnimationContentView(animation: animation)
            } else {
                // Fallback to original face if nothing selected
                MinimalFaceFeatures(height: 20, width: 30)
            }
        }
    }
}

/// Internal view that renders the actual animation content
private struct AnimationContentView: View {
    let animation: CustomIdleAnimation
    
    var body: some View {
        let config = animation.transformConfig
        
        switch animation.source {
        case .lottieFile(let url):
            LottieView(state: LUStateData(
                type: .loadedFrom(url),
                speed: animation.speed,
                loopMode: .loop
            ))
            .frame(width: config.cropWidth * config.scale, 
                   height: config.cropHeight * config.scale)
            .offset(x: config.offsetX, y: config.offsetY)
            .rotationEffect(.degrees(config.rotation))
            .opacity(config.opacity)
            
        case .lottieURL(let url):
            LottieView(state: LUStateData(
                type: .loadedFrom(url),
                speed: animation.speed,
                loopMode: .loop
            ))
            .frame(width: config.cropWidth * config.scale, 
                   height: config.cropHeight * config.scale)
            .offset(x: config.offsetX, y: config.offsetY)
            .rotationEffect(.degrees(config.rotation))
            .opacity(config.opacity)
            
        case .builtInFace:
            MinimalFaceFeatures(height: 20, width: 30)
        }
    }
}

// MARK: - Preview
#Preview {
    ZStack {
        Color.black
        IdleAnimationView()
    }
    .frame(width: 100, height: 50)
}