<MenuFlyout
    x:Class="CharacterMap.Controls.FilterFlyout"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:CharacterMap.Controls"
    xmlns:core="using:CharacterMap.Core"
    MenuFlyoutPresenterStyle="{StaticResource FontListFlyoutStyle}"
    Opening="MenuFlyout_Opening"
    Placement="BottomEdgeAlignedLeft">

    <controls:FilterFlyout.UnicodeRangeSortHeader>
        <controls:AutoGrid
            Margin="16 8"
            Definitions="c* cAuto"
            Orientation="Horizontal">
            <TextBlock
                Margin="-1 0 0 0"
                VerticalAlignment="Center"
                Foreground="{ThemeResource MenuFlyoutSeparatorThemeBrush}"
                Text="{core:Localizer Key=SortedByRangeLabel/Text}" />
            <controls:UXButton x:Uid="ChangeSortToggle" core:Properties.ToolTipStyleKey="DefaultThemeToolTipStyle">
                <TextBlock
                    FontFamily="{StaticResource SymbolThemeFontFamily}"
                    IsTextScaleFactorEnabled="False"
                    Text="&#xE8CB;" />
            </controls:UXButton>
        </controls:AutoGrid>
    </controls:FilterFlyout.UnicodeRangeSortHeader>

    <!--  Menu created in code-behind due to x:Bind limitations  -->

</MenuFlyout>
