<UserControl x:Class="Ink_Canvas.Controls.PenColorButton"
             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="45" d:DesignWidth="45">
    <Border x:Name="ButtonBorder"
            BorderThickness="1.5"
            CornerRadius="100"
            Width="45" Height="45"
            MouseUp="ButtonBorder_MouseUp">
        <Canvas x:Name="RootCanvas">
            <Image x:Name="TransparentGridImage"
                   Source="/Resources/Icons-png/transparent-grid.png"
                   Width="42" Height="42"
                   Visibility="Collapsed">
                <Image.Clip>
                    <EllipseGeometry x:Name="ClipGeometry"
                                     Center="21,21"
                                     RadiusX="21"
                                     RadiusY="21" />
                </Image.Clip>
            </Image>
            <Border x:Name="ColorBorder"
                    Width="42" Height="42"
                    CornerRadius="21"
                    Opacity="1" />
            <Viewbox x:Name="CheckViewbox"
                     Visibility="Collapsed"
                     Margin="8"
                     Canvas.Top="0"
                     Canvas.Left="0">
                <Image x:Name="CheckImage"
                       RenderOptions.BitmapScalingMode="HighQuality"
                       VerticalAlignment="Top"
                       Width="24" Height="24" />
            </Viewbox>
        </Canvas>
    </Border>
</UserControl>
