<telerik:RadRibbonWindow x:Class="Office2016InspiredApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="350" Width="525"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        xmlns:ribbonViewPrimitives="clr-namespace:Telerik.Windows.Controls.RibbonView.Primitives;assembly=Telerik.Windows.Controls.RibbonView"
        xmlns:appearance="clr-namespace:Office2016InspiredApplication.Appearance"
        xmlns:viewModel="clr-namespace:Office2016InspiredApplication.ViewModel"
        xmlns:system="clr-namespace:System;assembly=mscorlib"
        xmlns:local="clr-namespace:Office2016InspiredApplication"
        IconVisibility="Collapsed">

    <Window.DataContext>
        <viewModel:MainViewModel />
    </Window.DataContext>

    <Grid Background="{StaticResource BackgroundBrush}"> 
        <StackPanel Orientation="Vertical" Margin="0 10 0 0" HorizontalAlignment="Center" VerticalAlignment="Center">
            <telerik:RadRadioButton Margin="0 0 0 24" Height="70" Width="230" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Padding="1">
                <Grid Background="White">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="68" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Border Background="{StaticResource ImageBackgroundBrush}" />
                    <Image Source="/Office2016InspiredApplication;component/Images/Icons/ribbonview_24.png" Stretch="None" VerticalAlignment="Center" HorizontalAlignment="Center" />

                    <StackPanel Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <TextBlock Text="Office 2016 Word Inspired" Style="{StaticResource HeadingSmallStyle}" />
                        <TextBlock Text="RibbonView" Style="{StaticResource HeadingStyle}" />
                    </StackPanel>
                </Grid>
                <telerik:EventToCommandBehavior.EventBindings>
                    <telerik:EventBinding Command="{Binding ChangeUserControlCommand}" EventName="MouseLeftButtonDown" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" CommandParameter="RibbonView" />
                </telerik:EventToCommandBehavior.EventBindings>
            </telerik:RadRadioButton>
            <telerik:RadRadioButton Margin="0 0 0 24" Height="70" Width="230" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Padding="1">
                <Grid Background="White">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="68" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Border Background="{StaticResource ImageBackgroundBrush}" />
                    <Image Source="/Office2016InspiredApplication;component/Images/Icons/spreadsheet_24.png" Stretch="None" VerticalAlignment="Center" HorizontalAlignment="Center" />
                    
                    <StackPanel Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <TextBlock Text="Office 2016 Excel Inspired" Style="{StaticResource HeadingSmallStyle}" />
                        <TextBlock Text="Spreadsheet" Style="{StaticResource HeadingStyle}" />
                    </StackPanel>
                </Grid>
                <telerik:EventToCommandBehavior.EventBindings>
                    <telerik:EventBinding Command="{Binding ChangeUserControlCommand}" EventName="MouseLeftButtonDown" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" CommandParameter="Spreadsheet" />
                </telerik:EventToCommandBehavior.EventBindings>
            </telerik:RadRadioButton>
            <telerik:RadRadioButton Margin="0 0 0 24" Height="70" Width="230" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" Padding="1">
                <Grid Background="White">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="68" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Border Background="{StaticResource ImageBackgroundBrush}" />
                    <Image Source="/Office2016InspiredApplication;component/Images/Icons/richtextbox_24.png" Stretch="None" VerticalAlignment="Center" HorizontalAlignment="Center" />

                    <StackPanel Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <TextBlock Text="Office 2016 Word Inspired" Style="{StaticResource HeadingSmallStyle}" />
                        <TextBlock Text="RichTextbox" Style="{StaticResource HeadingStyle}" />
                    </StackPanel>
                </Grid>
                <telerik:EventToCommandBehavior.EventBindings>
                    <telerik:EventBinding Command="{Binding ChangeUserControlCommand}" EventName="MouseLeftButtonDown" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" CommandParameter="RichTextbox" />
                </telerik:EventToCommandBehavior.EventBindings>
            </telerik:RadRadioButton>
        </StackPanel>
    </Grid>
</telerik:RadRibbonWindow>
