<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="ex_ResponsivePage.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:ex_ResponsivePage"
    Shell.FlyoutBehavior="Flyout"
    Title="ex_ResponsivePage"
    FlyoutWidth="200"
    FlyoutBackgroundColor="{StaticResource Gray100}">

    <VisualStateManager.VisualStateGroups>
        <VisualStateGroupList>
            <VisualStateGroup>
                <VisualState x:Name="Portrait">
                    <VisualState.StateTriggers>
                        <OrientationStateTrigger Orientation="Portrait" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Property="FlyoutIsPresented"
                                Value="False"/>
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="Landscape">
                    <VisualState.StateTriggers>
                        <OrientationStateTrigger Orientation="Landscape" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Property="FlyoutIsPresented"
                                Value="True"/>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateGroupList>
    </VisualStateManager.VisualStateGroups>

    <ShellContent
        Title="Home"
        ContentTemplate="{DataTemplate local:MainPage}"
        Route="MainPage" />
    
    <ShellContent
        Title="Orientation Background"
        ContentTemplate="{DataTemplate local:OrientationBackgroundPage}"
        Route="OrientationBackgroundPage" />
    
    <ShellContent
        Title="By Idiom"
        ContentTemplate="{DataTemplate local:ByIdiomPage}"
        Route="ByIdiomPage" />

    <ShellContent
        Title="By Orientation and Idiom"
        ContentTemplate="{DataTemplate local:OrientationAndIdiomPage}"
        Route="OrientationAndIdiomPage" />

</Shell>
