<Page x:Class="ControlExplorer.SamplePage"
    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" 
    xmlns:local="using:ControlExplorer"    
    xmlns:c1="using:C1.Xaml"
    mc:Ignorable="d">
    <d:DataContext>
        <local:DesignTimeSample/>
    </d:DataContext>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <local:PageBackgroundControl Grid.RowSpan="2"/>
        <Grid x:Name="Header"  Height="56"  Background="{StaticResource CE-HeaderBackground}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Image Width="40" Height="40" Source="/Resources/Imaging/ico-WP-40px.png" Stretch="Uniform" Margin="16 8 10 8"/>
            <StackPanel Grid.Column="1" Orientation="Horizontal" VerticalAlignment="Center">
                <TextBlock Text="{Binding Control.ControlName}" Margin="0 0 5 0" FontWeight="Bold"  Style="{StaticResource CE-HeaderTextBlock}"/>
                <TextBlock x:Name="SubTitle" Text="{Binding Title}" FontWeight="SemiLight" Style="{StaticResource CE-HeaderTextBlock}"/>
            </StackPanel>
        </Grid>
        <Grid Grid.Row="1">
            <ContentPresenter 
                Content="{Binding Demo}" 
                VerticalAlignment="Stretch" 
                HorizontalAlignment="Stretch" />
        </Grid>
    </Grid>
    <Page.BottomAppBar>
        <CommandBar x:Name="bottomAppBar" Visibility="Collapsed"/>
    </Page.BottomAppBar>
</Page>