<UserControl
    DataContext="{Binding (HUDData.Data), RelativeSource={RelativeSource Self}}" 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:System="clr-namespace:System;assembly=mscorlib"
    xmlns:local="clr-namespace:ForzaUI"
    mc:Ignorable="d"
    x:Class="ForzaUI.HUDWrongWayControl"
    x:Name="UserControl">
    <UserControl.Resources>
        <Style x:Key="A_Style_FZMaterial_WrongWayIcon" TargetType="{Type FZMaterial}">
            <Setter Property="ImageSource" Value="/ForzaUI;component/Textures/Anthem/HUD/HUD_Wrong_Way_Icon.png"/>
            <Setter Property="Width" Value="80"/>
            <Setter Property="Height" Value="80"/>
        </Style>
    </UserControl.Resources>

    <Grid x:Name="PART_LayoutRoot">

        <VisualStateManager.VisualStateGroups   >
            <VisualStateGroup x:Name="VisualStateGroup">
                <VisualState x:Name="PART_Hidden">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="PART_LayoutRoot">
                            <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="PART_Shown">
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="PART_LayoutRoot">
                            <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_WrongWayIcon}"
                Preset="{StaticResource A_FZMaterialPreset_AlphaOnly}"
                RenderTransformOrigin="0.5,0.5"
                Color="{StaticResource A_Color_HUDDropShadow}">
                <local:FZMaterial.RenderTransform>
                    <TranslateTransform X="2" Y="2"/>
                </local:FZMaterial.RenderTransform>
            </local:FZMaterial>
            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_WrongWayIcon}"/>
        </Grid>
    </Grid>
</UserControl>