<Page
    x:Class="BasicLibrarySamples.HierarchicalDropDown"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:BasicLibrarySamples"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" xmlns:c1="using:C1.Xaml">
    
    <Grid>
        <c1:C1DropDownButton x:Name="soccerCountries" RequestedTheme="Light" HorizontalAlignment="Center" VerticalAlignment="Top" Padding="2" AutoClose="False" Width="150" DropDownWidth="200">
            <c1:C1DropDownButton.Header>
                <TextBlock x:Name="selection" Text="« Pick one »" Padding="7 3 0 0" FontFamily="24" TextAlignment="left"/>
            </c1:C1DropDownButton.Header>
            <c1:C1TreeView x:Name="treeSelection" Header="Soccer World Cups Winners" KeyDown="C1TreeView_KeyDown" ItemClick="C1TreeView_ItemClicked" AllowDragDrop="False" Padding="5"
                           BorderBrush="{StaticResource ComboBoxPopupBorderThemeBrush}" 
                           BorderThickness="{StaticResource ComboBoxPopupBorderThemeThickness}" 
                           Background="{StaticResource ComboBoxPopupBackgroundThemeBrush}">
                <c1:C1TreeViewItem Header="South America">
                    <c1:C1TreeViewItem Header="Argentina" />
                    <c1:C1TreeViewItem Header="Brasil" />
                    <c1:C1TreeViewItem Header="Uruguay" />
                </c1:C1TreeViewItem>
                <c1:C1TreeViewItem Header="Europe">
                    <c1:C1TreeViewItem Header="England" />
                    <c1:C1TreeViewItem Header="France" />
                    <c1:C1TreeViewItem Header="Germany" />
                    <c1:C1TreeViewItem Header="Italy" />
                    <c1:C1TreeViewItem Header="Spain" />
                </c1:C1TreeViewItem>
            </c1:C1TreeView>
        </c1:C1DropDownButton>
    </Grid>
</Page>
