LanMountainDesktop/LanMountainDesktop/Views/SettingsPages/NotificationSettingsPage.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vm="using:LanMountainDesktop.ViewModels"
             xmlns:controls="using:LanMountainDesktop.Controls"
             xmlns:ui="using:FluentAvalonia.UI.Controls"
             xmlns:fi="using:FluentIcons.Avalonia.Fluent"
             x:Class="LanMountainDesktop.Views.SettingsPages.NotificationSettingsPage"
             x:DataType="vm:NotificationSettingsPageViewModel">
    <ScrollViewer VerticalScrollBarVisibility="Auto">
        <StackPanel Classes="settings-page-container settings-page-animated">

            <controls:IconText Icon="Alert"
                               Text="{Binding NotificationHeader}"
                               Margin="0,0,0,4" />

            <ui:SettingsExpander Header="{Binding EnableNotificationHeader}"
                                 Description="{Binding EnableNotificationDescription}">
                <ui:SettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="Alert" />
                </ui:SettingsExpander.IconSource>
                <ui:SettingsExpander.Footer>
                    <ToggleSwitch IsChecked="{Binding IsNotificationEnabled}" />
                </ui:SettingsExpander.Footer>
            </ui:SettingsExpander>

            <Separator Classes="settings-separator" />

            <controls:IconText Icon="Alert"
                               Text="{Binding BehaviorHeader}"
                               Margin="0,0,0,4" />

            <ui:SettingsExpander Header="{Binding HoverPauseHeader}"
                                 Description="{Binding HoverPauseDescription}">
                <ui:SettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="CursorHover" />
                </ui:SettingsExpander.IconSource>
                <ui:SettingsExpander.Footer>
                    <ToggleSwitch IsChecked="{Binding IsHoverPauseEnabled}" />
                </ui:SettingsExpander.Footer>
            </ui:SettingsExpander>

            <ui:SettingsExpander Header="{Binding ClickCloseHeader}"
                                 Description="{Binding ClickCloseDescription}">
                <ui:SettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="CursorClick" />
                </ui:SettingsExpander.IconSource>
                <ui:SettingsExpander.Footer>
                    <ToggleSwitch IsChecked="{Binding IsClickCloseEnabled}" />
                </ui:SettingsExpander.Footer>
            </ui:SettingsExpander>

            <ui:SettingsExpander Header="{Binding MaxNotificationsHeader}"
                                 Description="{Binding MaxNotificationsDescription}">
                <ui:SettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="NumberSymbol" />
                </ui:SettingsExpander.IconSource>
                <ui:SettingsExpander.Footer>
                    <ui:NumberBox Value="{Binding MaxNotificationsPerPosition}"
                                  Minimum="1"
                                  Maximum="10"
                                  Width="100"
                                  SpinButtonPlacementMode="Inline" />
                </ui:SettingsExpander.Footer>
            </ui:SettingsExpander>

            <Separator Classes="settings-separator" />

            <controls:IconText Icon="Beaker"
                               Text="{Binding TestHeader}"
                               Margin="0,0,0,4" />

            <ui:SettingsExpander Header="{Binding TestNotificationHeader}"
                                 Description="{Binding TestNotificationDescription}">
                <ui:SettingsExpander.IconSource>
                    <fi:SymbolIconSource Symbol="Beaker" />
                </ui:SettingsExpander.IconSource>
                <ui:SettingsExpander.Footer>
                    <StackPanel Orientation="Horizontal" Spacing="8">
                        <ComboBox Width="120"
                                  ItemsSource="{Binding TestPositions}"
                                  SelectedItem="{Binding SelectedTestPosition}">
                            <ComboBox.ItemTemplate>
                                <DataTemplate x:DataType="vm:SelectionOption">
                                    <TextBlock Text="{Binding Label}" />
                                </DataTemplate>
                            </ComboBox.ItemTemplate>
                        </ComboBox>
                        <ComboBox Width="100"
                                  ItemsSource="{Binding TestSeverities}"
                                  SelectedItem="{Binding SelectedTestSeverity}">
                            <ComboBox.ItemTemplate>
                                <DataTemplate x:DataType="vm:SelectionOption">
                                    <TextBlock Text="{Binding Label}" />
                                </DataTemplate>
                            </ComboBox.ItemTemplate>
                        </ComboBox>
                        <ui:NumberBox Width="100"
                                      Minimum="1"
                                      Maximum="30"
                                      SpinButtonPlacementMode="Inline"
                                      Value="{Binding TestDurationSeconds}" />
                        <Button Command="{Binding SendTestCommand}"
                                Classes="accent">
                            <fi:SymbolIcon Symbol="Send" FontSize="16" />
                        </Button>
                    </StackPanel>
                </ui:SettingsExpander.Footer>
            </ui:SettingsExpander>

        </StackPanel>
    </ScrollViewer>
</UserControl>