<UserControl xmlns="https://github.com/avaloniaui"
             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"
             mc:Ignorable="d" d:DesignWidth="300" d:DesignHeight="60"
             x:Class="DesertPaintCodex.Views.PaintSwatchView">
  
  <UserControl.Styles>
    <Style Selector="TextBlock">
      <Setter Property="FontSize" Value="14"/>
      <Setter Property="VerticalAlignment" Value="Center"/>
    </Style>
  </UserControl.Styles>
  <Border Classes="ThinFrame">
    <DockPanel>
      <StackPanel DockPanel.Dock="Right" Width="110" Orientation="Vertical" VerticalAlignment="Center" Margin="15 0 0 0">
        <TextBlock Name="HexCode">#FF0000</TextBlock>
        <TextBlock Name="ColorName">Miller-Baker Pink</TextBlock>
      </StackPanel>
      <Border Name="ColorSwatch"
              Background="#FF0000"
              BorderBrush="#FFFFFF"
              BorderThickness="0"
              CornerRadius="3"
              Height="40" />
    </DockPanel>
  </Border>
</UserControl>