<UserControl x:Class="AnimatedCellsWPF.StockPricePresenter"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>
        <Storyboard x:Key="RedToTransparent"  x:Name="RedToTransparent">
            <ColorAnimation
          Storyboard.TargetName="Background"
          Storyboard.TargetProperty="Color"
          From="Red" To="Transparent" Duration="0:0:1"  />
        </Storyboard>
        <Storyboard x:Key="GreenToTransparent"  x:Name="GreenToTransparent">
            <ColorAnimation
          Storyboard.TargetName="Background"
          Storyboard.TargetProperty="Color"
          From="Green" To="Transparent" Duration="0:0:1"  />
        </Storyboard>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" >
        <Border  x:Name="Border" >
            <Border.Background>
                <SolidColorBrush Color="Transparent" x:Name="Background"/>
            </Border.Background>
            <TextBlock x:Name="textBlock" HorizontalAlignment="Right"/>
        </Border>

        <Path HorizontalAlignment="Left" x:Name="Arrow" Width="25" Height="25" Stretch="Fill" Fill="Transparent" Data="F1 M 180.758,724.259L 170.642,724.259L 182.306,712.592L 159.381,712.592L 159.381,705.168L 182.226,705.168L 170.622,693.563L 180.758,693.58L 196.097,708.919M 149.432,737.219L 206.046,737.219L 206.046,680.604L 149.432,680.604L 149.432,737.219 Z ">
            <Path.RenderTransform>
                <RotateTransform x:Name="ArrowTransform" CenterX="12.5" CenterY="12.5" Angle="90" />
            </Path.RenderTransform>
        </Path>
    </Grid>
</UserControl>
