ProgressBar

open FS.FluentUI.V8toV9

let progressBars =
    Fui.stack [
        stack.horizontal false
        stack.tokens [ stack.tokens.childrenGap 8 ]
        stack.children [
            Fui.field [
                field.validationMessage "Indeterminate ProgressBar"
                field.validationState.none
                field.children (
                    Fui.progressBar [
                        progressBar.thickness.large
                    ]
                )
            ]
            Fui.field [
                field.validationMessage (Fui.text "Error progressbar")
                field.validationMessageIcon (Fui.icon.errorCircleFilled [])
                field.validationState.error
                field.children (
                    Fui.progressBar [
                        progressBar.value 0.25
                        progressBar.color.error
                        progressBar.shape.square
                    ]
                )
            ]
            Fui.field [
                field.validationMessage (Fui.text "Warning progressbar")
                field.validationState.warning
                field.validationMessageIcon (Fui.icon.warningFilled [])
                field.children (
                    Fui.progressBar [
                        progressBar.value 0.87
                        progressBar.color.warning
                        progressBar.shape.rounded
                    ]
                )
            ]
            Fui.field [
                field.validationMessage (Fui.text "Success progressbar")
                field.validationMessageIcon (Fui.icon.checkmarkCircleFilled [])
                field.validationState.success
                field.children (
                    Fui.progressBar [
                        progressBar.value 1
                        progressBar.color.success
                    ]
                )
            ]
        ]
    ]