<UserControl x:Class="MainShell.Resources.CustomControl.HeaderDeviceStatusView"
             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"
             mc:Ignorable="d"
             d:DesignHeight="40" d:DesignWidth="290"
             Visibility="{Binding IsVisible, Converter={StaticResource BoolToVisibleConverter}}">
    <Border Width="282"
            Height="38"
            Background="{Binding BadgeBackgroundBrush}"
            BorderBrush="{Binding BadgeBorderBrush}"
            BorderThickness="1"
            CornerRadius="6"
            Padding="14,0,16,0">
        <Border.Effect>
            <DropShadowEffect BlurRadius="8" ShadowDepth="1" Opacity="0.16"/>
        </Border.Effect>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>

            <TextBlock Grid.Column="0"
                       Text="{Binding LabelText}"
                       Margin="0,0,10,0"
                       VerticalAlignment="Center"
                       Foreground="{Binding LabelForegroundBrush}"
                       FontSize="12"
                       FontWeight="SemiBold"/>

            <Ellipse Grid.Column="1"
                     Width="10"
                     Height="10"
                     Margin="0,0,10,0"
                     VerticalAlignment="Center"
                     Fill="{Binding IndicatorBrush}">
                <Ellipse.Effect>
                    <DropShadowEffect BlurRadius="6" ShadowDepth="0" Color="#FFFFFFFF" Opacity="0.32"/>
                </Ellipse.Effect>
            </Ellipse>

            <TextBlock Grid.Column="2"
                       Text="{Binding StatusText}"
                       VerticalAlignment="Center"
                       Foreground="{Binding StatusForegroundBrush}"
                       FontSize="15"
                       FontWeight="Bold"/>
        </Grid>
    </Border>
</UserControl>