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

             xmlns:view="clr-namespace:DesertPaintCodex.Views"

             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"

             x:Class="DesertPaintCodex.Views.EmbeddedWarningBox">

    <UserControl.Styles>

        <Style Selector="view|EmbeddedWarningBox">

            <Setter Property="Template">

                <ControlTemplate>

                    <Border Name="PART_Border">

                        <StackPanel>

                            <TextBlock Name="PART_Title" Text="{TemplateBinding Title}"/>

                            <TextBlock Name="PART_Message" Text="{TemplateBinding Message}"/>

                        </StackPanel>

                    </Border>                   

                </ControlTemplate>

            </Setter>

        </Style>

        <Style Selector="view|EmbeddedWarningBox /template/ Border#PART_Border">

            <Setter Property="Background" Value="#E1AD56"/>

            <Setter Property="CornerRadius" Value="3"/>

            <Setter Property="Padding" Value="10"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox /template/ Border#PART_Border > StackPanel">

            <Setter Property="Orientation" Value="Vertical"/>

            <Setter Property="HorizontalAlignment" Value="Stretch"/>

            <Setter Property="Spacing" Value="10"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox /template/  TextBlock">

            <Setter Property="Foreground" Value="#000000"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox /template/  TextBlock#PART_Title">

            <Setter Property="FontSize" Value="16"/>

            <Setter Property="FontWeight" Value="Bold"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox /template/  TextBlock#PART_Message">

            <Setter Property="TextWrapping" Value="Wrap"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox Button">

            <Setter Property="Padding" Value="5"/>

            <Setter Property="Background" Value="#5E443F"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox Button:pointerover">

            <Setter Property="Background" Value="#8C594A"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox Button:pressed">

            <Setter Property="Background" Value="#5E443F"/>

        </Style>

        <Style Selector="view|EmbeddedWarningBox Button > TextBlock">

            <Setter Property="FontSize" Value="16"/>

            <Setter Property="FontWeight" Value="Bold"/>

            <Setter Property="Foreground" Value="#FFFFFF"/>

        </Style>

    </UserControl.Styles>

</UserControl>

using Avalonia;

using Avalonia.Controls;

using Avalonia.Markup.Xaml;

namespace DesertPaintCodex.Views

{

    public class EmbeddedWarningBox : UserControl

    {

        public static readonly StyledProperty<string> TitleProperty =

            AvaloniaProperty.Register<EmbeddedWarningBox, string>(nameof(Title));

        public string Title { get => GetValue(TitleProperty); set => SetValue(TitleProperty, value); }

        public static readonly StyledProperty<string> MessageProperty =

            AvaloniaProperty.Register<EmbeddedWarningBox, string>(nameof(Message));

        public string Message { get => GetValue(MessageProperty); set => SetValue(MessageProperty, value); }

        public EmbeddedWarningBox()

        {

            InitializeComponent();

        }

        private void InitializeComponent()

        {

            AvaloniaXamlLoader.Load(this);

        }

    }

}