<UserControl x:Class="MainShell.Resources.CustomControl.FlowStageDisplayControl"
             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"
             xmlns:local="clr-namespace:MainShell.Resources.CustomControl"
             mc:Ignorable="d"
             d:DesignHeight="80" d:DesignWidth="500">
    <Grid>
        <Border Height="2" Margin="86,0,86,30" Background="#D1D5DB" VerticalAlignment="Bottom"/>
        <ItemsControl ItemsSource="{Binding FlowNodes, RelativeSource={RelativeSource AncestorType={x:Type local:FlowStageDisplayControl}}}"
                      Margin="40,14,40,16" VerticalAlignment="Center">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <UniformGrid Rows="1"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel HorizontalAlignment="Center">
                        <Ellipse Width="12" Height="12" Fill="{Binding Brush}"/>
                        <TextBlock Text="{Binding DisplayName}" HorizontalAlignment="Center" Margin="0,4,0,0"/>
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</UserControl>
