import SwiftUI

struct OutputSettings: View {
  
  @AppStorage("outputFormats") var outputFormats: OutputFormatSetting = .all
  @AppStorage("frameRate") var frameRate = 10.0
  
  var body: some View {
    Form {
      VStack (alignment: .leading) {
        LabeledContent("GIF Framerate") {
          Slider(value: $frameRate,  in: 4...10, step: 1) {
            Text("\(Int(frameRate))").font(.body).frame(width: 24)
          } minimumValueLabel: {
            Text("4")
          } maximumValueLabel: {
            Text("12")
          }
        }.font(.headline)
        Picker(selection: $outputFormats, label: Text("Output Formats").font(.headline)) {
          Text("GIF & MP4")
            .tag(OutputFormatSetting.all)
            .padding(.horizontal, 4.0)
            .padding(.vertical, 2.0)
          Text("Only GIF")
            .tag(OutputFormatSetting.gifOnly)
            .padding(.horizontal, 4.0)
            .padding(.vertical, 2.0)
          
          Text("Only MP4")
            .tag(OutputFormatSetting.mp4Only)
            .padding(.horizontal, 4.0)
            .padding(.vertical, 2.0)
        }.pickerStyle(.radioGroup)
      }
    }
  }
}

#Preview {
  OutputSettings()
}