private PaintRecipe? _existingRecipe;

        public PaintRecipe? ExistingRecipe { get => _existingRecipe; private set => this.RaiseAndSetIfChanged(ref _existingRecipe, value); }

                    PaintRecipe? existingRecipe = ExistingRecipe;

                    ExistingRecipe = _currentRecipe;

<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>

using Avalonia;

using Avalonia.Controls;

using Avalonia.Markup.Xaml;

using Avalonia.Media;

using DesertPaintCodex.Models;

using DesertPaintCodex.Services;

using System.Text;

namespace DesertPaintCodex.Views

{

    public class RecipeView : UserControl

    {

        private static readonly SolidColorBrush NoColor = new();

        public static readonly DirectProperty<RecipeView, PaintColor?> ColorProperty = AvaloniaProperty.RegisterDirect<RecipeView, PaintColor?>(nameof(Color),

                o => o.Color,

                (o, v) => o.Color = v);

        private PaintColor? _color;

        public PaintColor? Color { get => _color; set => SetAndRaise(ColorProperty, ref _color, value); }

        public static readonly StyledProperty<string> IngredientsProperty =

            AvaloniaProperty.Register<RecipeView, string>(nameof(Ingredients));

        private string _ingredients = string.Empty;

        public string Ingredients { get => _ingredients; set => this.SetAndRaise(IngredientsProperty, ref _ingredients, value); }

        public static readonly DirectProperty<RecipeView, PaintRecipe?> RecipeProperty =

            AvaloniaProperty.RegisterDirect<RecipeView, PaintRecipe?>(nameof(Recipe),

                o => o.Recipe,

                (o,v) => o.Recipe = v);

        private PaintRecipe? _recipe;

        public PaintRecipe? Recipe

        {

            get => _recipe;

            set => this.SetAndRaise(RecipeProperty, ref _recipe, value);

        }

        private readonly Border _colorSwatch;

        private readonly TextBlock _colorName;

        private readonly TextBlock _ingredientList;

        private readonly TextBlock _cost;

        public RecipeView()

        {

            InitializeComponent();

            _colorSwatch = this.FindControl<Border>("ColorSwatch");

            _ingredientList = this.FindControl<TextBlock>("Ingredients");

            _colorName = this.FindControl<TextBlock>("ColorName");

            _cost = this.FindControl<TextBlock>("Cost");

            ColorProperty.Changed.AddClassHandler<RecipeView>((x, _) => x.UpdateColor());

            RecipeProperty.Changed.AddClassHandler<RecipeView>((x, _) => x.UpdateRecipe());

            UpdateRecipe();

        }

        private void InitializeComponent()

        {

            AvaloniaXamlLoader.Load(this);

        }

        private void UpdateColor()

        {

            UpdateColorSwatch();

            UpdateColorName();

        }

        private void UpdateColorSwatch()

        {

            _colorSwatch.Background = Color == null ? NoColor : new SolidColorBrush(new Color(0xFF, Color.Red, Color.Green, Color.Blue));

        }

        private void UpdateColorName()

        {

            _colorName.Text = Color == null ? "[Unknown]" : PaletteService.FindNearest(Color);

        }

        private void UpdateIngredients()

        {

            string ingredients = string.Empty;

            if (Recipe != null)

            {

                StringBuilder sb = new();

                for (int i = 0; i < Recipe.Reagents.Count; i++)

                {

                    sb.Append(Recipe.Reagents[i].Quantity);

                    sb.Append(' ');

                    sb.Append(Recipe.Reagents[i].Name);

                    if (i != Recipe.Reagents.Count - 1)

                    {

                        sb.Append(", ");

                    }

                }

                ingredients = sb.ToString();

            }

            _ingredientList.Text = ingredients;

        }

        private void UpdateCost()

        {

            _cost.Text = Recipe == null ? "Cost: 0" : $"Cost: {Recipe.Cost}";

        }

        private void UpdateRecipe()

        {

            if (Recipe != null)

            {

                // Update components from recipe

                Color = Recipe.ReactedColor;

            }

            else

            {

                Color = null;

            }

            UpdateIngredients();

            UpdateCost();

        }

    }

}

          <views:RecipeView Grid.Row="1" Grid.Column="0" Recipe="{Binding ExistingRecipe}"/>