<?xml version="1.0" encoding="utf-8"?>
<Page
    x:Class="Sonex.Client.Pages.BlankPage3"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Page.Resources>

        <Style x:Key="MenuLikeFlyoutPresenterStyle" TargetType="FlyoutPresenter">
            <Setter Property="Padding" Value="0"/>
            <Setter Property="BorderThickness" Value="1"/>
        </Style>

        <Style x:Key="MenuLikeButtonStyle" TargetType="Button">
            <Setter Property="HorizontalAlignment" Value="Stretch"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="Padding" Value="12,10"/>
            <Setter Property="CornerRadius" Value="0"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="Background" Value="Transparent"/>
        </Style>

    </Page.Resources>

    <Button Content="Edit Options">
        <Button.Flyout>
            <Flyout Placement="Bottom"
                FlyoutPresenterStyle="{StaticResource MenuLikeFlyoutPresenterStyle}">
                <StackPanel MinWidth="220" Spacing="0">

                    <TextBox Margin="8"
                         PlaceholderText="Search..."
                         Header=""/>

                    <Button Style="{StaticResource MenuLikeButtonStyle}" Content="Share"/>
                    <Button Style="{StaticResource MenuLikeButtonStyle}" Content="Copy"/>
                    <Button Style="{StaticResource MenuLikeButtonStyle}" Content="Delete"/>

                    <Rectangle Height="1" Margin="0,4"
                           HorizontalAlignment="Stretch"/>

                    <Button Style="{StaticResource MenuLikeButtonStyle}" Content="Rename"/>
                    <Button Style="{StaticResource MenuLikeButtonStyle}" Content="Select"/>

                </StackPanel>
            </Flyout>
        </Button.Flyout>
    </Button>
</Page>
