ChatStatisticsOverview.xaml

<UserControl x:Class="Telegram.Controls.ChatStatisticsOverview"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="400">

    <StackPanel Padding="12,8">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup>
                <VisualState x:Name="Positive" />
                <VisualState x:Name="Negative">
                    <VisualState.Setters>
                        <Setter Target="GrowthLabel.Foreground"
                                Value="Red" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <StackPanel Orientation="Horizontal">
            <TextBlock x:Name="ValueLabel"
                       Style="{StaticResource BodyTextBlockStyle}" />

            <TextBlock x:Name="GrowthLabel"
                       Style="{StaticResource CaptionTextBlockStyle}"
                       VerticalAlignment="Bottom"
                       Foreground="Green"
                       Margin="4,0,0,0" />
        </StackPanel>

        <TextBlock x:Name="TitleLabel"
                   Style="{StaticResource InfoCaptionTextBlockStyle}" />

    </StackPanel>
</UserControl>