<UserControl x:Class="SharepointToolbox.Views.Common.InfoButton"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Name="Root"
             Width="18" Height="18"
             VerticalAlignment="Center">
    <Grid>
        <Button x:Name="Btn"
                Style="{StaticResource InfoButtonStyle}"
                Click="Btn_Click" />
        <Popup x:Name="InfoPopup"
               StaysOpen="False"
               AllowsTransparency="True"
               Placement="Bottom"
               PlacementTarget="{Binding ElementName=Btn}"
               MaxWidth="340">
            <Border Background="{DynamicResource SurfaceBrush}"
                    BorderBrush="{DynamicResource BorderStrongBrush}"
                    BorderThickness="1"
                    CornerRadius="8"
                    Padding="14,10">
                <Border.Effect>
                    <DropShadowEffect ShadowDepth="2" BlurRadius="10" Opacity="0.18" Color="#000000" />
                </Border.Effect>
                <StackPanel MaxWidth="310">
                    <TextBlock Text="{Binding Title, ElementName=Root}"
                               FontWeight="SemiBold"
                               FontSize="13"
                               Margin="0,0,0,6"
                               TextWrapping="Wrap" />
                    <TextBlock Text="{Binding Body, ElementName=Root}"
                               FontSize="12"
                               TextWrapping="Wrap"
                               LineHeight="18" />
                </StackPanel>
            </Border>
        </Popup>
    </Grid>
</UserControl>
