<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ex_Toolbar.MainPage"
             Shell.ForegroundColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}">

    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Info"
                        IconImageSource="{OnPlatform 'info_circle.png', 
                                                    WinUI={AppThemeBinding Light='info_circle_primary.png', Dark='info_circle_primarydark.png'},
                                                    Android={AppThemeBinding Light='info_circle_primary.png', Dark='info_circle_primarydark.png'}}"
                        Order="Primary"/>
        <ToolbarItem Text="Rabbit"
                        IconImageSource="{OnPlatform 'hare.png', 
                                                    WinUI={AppThemeBinding Light='hare_primary.png', Dark='hare_primarydark.png'},
                                                    Android={AppThemeBinding Light='hare_primary.png', Dark='hare_primarydark.png'}}"
                        Order="Primary"/>
        <!-- <ToolbarItem Text="More"
                        Order="Primary"/>
        <ToolbarItem Text="Blabla"
                        IconImageSource="{OnPlatform 'captions_bubble.png', 
                                                    WinUI={AppThemeBinding Light='captions_bubble_primary.png', Dark='captions_bubble_primarydark.png'},
                                                    Android={AppThemeBinding Light='captions_bubble_primary.png', Dark='captions_bubble_primarydark.png'}}"
                        Order="Secondary"/>
        <ToolbarItem Text="Blabla Quotes"
                        IconImageSource="{OnPlatform 'quote_bubble.png',
                                                    WinUI={AppThemeBinding Light='quote_bubble_primary.png', Dark='quote_bubble_primarydark.png'},
                                                    Android={AppThemeBinding Light='quote_bubble_primary.png', Dark='quote_bubble_primarydark.png'}}"
                        Order="Secondary"/> -->
    </ContentPage.ToolbarItems>

    <ScrollView>
        <VerticalStackLayout
            Padding="30,0"
            Spacing="25">
            <Image
                Source="dotnet_bot.png"
                HeightRequest="185"
                Aspect="AspectFit"
                SemanticProperties.Description="dot net bot in a race car number eight" />

            <Label
                Text="Hello, World!"
                Style="{StaticResource Headline}"
                SemanticProperties.HeadingLevel="Level1" />

            <Label
                Text="Welcome to &#10;.NET Multi-platform App UI"
                Style="{StaticResource SubHeadline}"
                SemanticProperties.HeadingLevel="Level2"
                SemanticProperties.Description="Welcome to dot net Multi platform App U I" />

            <Button
                x:Name="CounterBtn"
                Text="Click me" 
                SemanticProperties.Hint="Counts the number of times you click"
                Clicked="OnCounterClicked"
                HorizontalOptions="Fill" />
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>
