<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"
             xmlns:local="clr-namespace:DesertPaintCodex.Models"
             x:Class="DesertPaintCodex.Views.RecipeView">

  <UserControl.Styles>
    <Style Selector="TextBlock">
      <Setter Property="FontSize" Value="14"/>
      <Setter Property="VerticalAlignment" Value="Center"/>
    </Style>
  </UserControl.Styles>
  <Border Classes="ThinFrame">
    <DockPanel>
      <Grid ColumnDefinitions="45,5,130,5,*" RowDefinitions="Auto" Margin="5">
        <Border Grid.Row="0" Grid.Column="0" Classes="ReagentSwatch" Name="ColorSwatch"/>
        <StackPanel Grid.Column="2" VerticalAlignment="Center">
          <TextBlock TextWrapping="Wrap" Name="ColorName">Black</TextBlock>
          <TextBlock TextWrapping="Wrap" Name="Cost">Cost: 0</TextBlock>
        </StackPanel>
        <TextBlock Grid.Row="0" Grid.Column="4" VerticalAlignment="Center" TextWrapping="Wrap" Name="Ingredients">None</TextBlock>
      </Grid>
    </DockPanel>
  </Border>
</UserControl>