<UserControl x:Class="Flashcard.Views.AnswerButton"
             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:helpers="using:ReflectionIT.Windows8.Helpers"
             helpers:GoToStateServices.Binding="{Binding Status}"
             helpers:GoToStateServices.BindingType="Flashcard.Models.AnswerStatus"
             mc:Ignorable="d"
             Height="227"
             Width="227">

    <!--<i:Interaction.Behaviors>
        <ReflectionIT_Phone_Behaviors:EnumDataStateBehavior Binding="{Binding Status}" />
    </i:Interaction.Behaviors>-->

    <Grid x:Name="LayoutRoot"
          Background="Transparent">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="StatusStates">
                <VisualStateGroup.Transitions>
                    <VisualTransition GeneratedDuration="0:0:0.0" />
                </VisualStateGroup.Transitions>
                <VisualState x:Name="Normal" />
                <VisualState x:Name="Correct">
                    <Storyboard>
                        <ColorAnimation Duration="0"
                                        To="#FF00AB0A"
                                        Storyboard.TargetProperty="(Control.Background).(SolidColorBrush.Color)"
                                        Storyboard.TargetName="button" />
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Incorrect">
                    <Storyboard>
                        <ColorAnimation Duration="0"
                                        To="Red"
                                        Storyboard.TargetProperty="(Control.Background).(SolidColorBrush.Color)"
                                        Storyboard.TargetName="button" />
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <Button x:Name="button"
                VerticalAlignment="Stretch"
                HorizontalAlignment="Stretch"
                FontSize="{StaticResource FontSize}"
                Content="{Binding Text}"
                Command="{Binding AnswerCommand, Source={StaticResource MainViewModelDataSource}}"
                CommandParameter="{Binding}"
                Background="#FF000000">

        </Button>
    </Grid>
</UserControl>

