MainWindow.xaml

<mah:MetroWindow x:Class="SistemaLibreriaImagina.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
        xmlns:dialog="clr-namespace:MahApps.Metro.Controls.Dialogs;assembly=MahApps.Metro"
                 xmlns:converters="clr-namespace:SistemaLibreriaImagina.Converters"
                 
        xmlns:fa="http://schemas.fontawesome.io/icons/"
                 xmlns:viewModel="clr-namespace:SistemaLibreriaImagina.ViewModels"
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                 mc:Ignorable="d"
                 Height="Auto" Width="Auto" Background="Transparent"
                 WindowStyle="None"
                  WindowState="Maximized"
                 ShowTitleBar="False" 
                 AllowsTransparency="False"
                 ResizeMode="CanResize" Title="Sistema Librería Imagina">

    <Window.DataContext>
        <viewModel:MainWindowViewModel/>
    </Window.DataContext>

    <Window.Resources>
        <converters:RolVisibilityConverter x:Key="RolVisibilityConverter" />
        <converters:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
    </Window.Resources>


    <Border Background="#FFFFFAF5" CornerRadius="10">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto
                                  " />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition />
            </Grid.RowDefinitions>

            <!-- Logo Librería Imagina-->
            <Image  Height="64"  Width="200" Source="/Assets/brand.png" HorizontalAlignment="Center" VerticalAlignment="Center" />

            <StackPanel Grid.Row="1" Background="#1F8BAC" Height="Auto" VerticalAlignment="Stretch">

                <RadioButton  Content="Inicio" Height="50" Foreground="White" FontSize="14" Style="{StaticResource MenuButtonTheme}" IsChecked="True" Command="{Binding InicioViewCommand }" FontFamily="Montserrat" />

                <RadioButton  Content="Inventario" Height="50" Foreground="White" FontSize="14" Style="{StaticResource MenuButtonTheme}" Command="{Binding InventarioViewCommand }" FontFamily="Montserrat Medium" Visibility="{Binding RolUsuario, Converter={StaticResource RolVisibilityConverter}, ConverterParameter=Inventario}"/>


                <RadioButton  Content="Restock" Height="50" Foreground="White" FontSize="14" 
                              Command="{Binding RestockCommand }" Style="{StaticResource MenuButtonTheme}" Visibility="{Binding RolUsuario, Converter={StaticResource RolVisibilityConverter}, ConverterParameter=Restock}"/>

                <RadioButton  Content="Pedidos" Height="50" Foreground="White" FontSize="14" Style="{StaticResource MenuButtonTheme}" Command="{Binding PedidoViewCommand }" FontFamily="Montserrat" Visibility="{Binding RolUsuario, Converter={StaticResource RolVisibilityConverter}, ConverterParameter=Pedidos}"/>


                <RadioButton  Content="Usuarios" Height="50" Foreground="White" FontSize="14" Style="{StaticResource MenuButtonTheme}" Command="{Binding UserViewCommand }" FontFamily="Montserrat" Visibility="{Binding RolUsuario, Converter={StaticResource RolVisibilityConverter}, ConverterParameter=Usuarios}" />


                <RadioButton  Content="POS" Height="50" Foreground="White" FontSize="14" Style="{StaticResource MenuButtonTheme}" Command="{Binding POSViewCommand }" FontFamily="Montserrat" Visibility="{Binding RolUsuario, Converter={StaticResource RolVisibilityConverter}, ConverterParameter=POS}" />


                <RadioButton  Content="Cerrar Sesión" Height="50" Foreground="White" FontSize="14" Style="{StaticResource MenuButtonTheme}" VerticalContentAlignment="Bottom" FontFamily="Montserrat" Command="{Binding CerrarSesionCommand}"/>
            </StackPanel>

            <!-- <TextBox VerticalContentAlignment="Center" HorizontalAlignment="Left" Margin="20,5,0,5" Grid.Column="1" Style="{StaticResource ModernTextBox}"/> -->


            <ScrollViewer Grid.Row="1" Grid.Column="1" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                <ContentControl Content="{Binding CurrentView}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10,0,0,10" />
            </ScrollViewer>


            <!-- Elemento de carga -->
            <Grid x:Name="LoadingGrid" Visibility="{Binding IsLoading, Converter={StaticResource BooleanToVisibilityConverter}}" Grid.Row="1" Grid.Column="1">
                <Grid.Background>
                    <SolidColorBrush Color="Black" Opacity="0.4" />
                </Grid.Background>
                <mah:ProgressRing IsActive="{Binding IsLoading}" Foreground="#1F8BAC" Width="50" Height="50" VerticalAlignment="Center" HorizontalAlignment="Center" />
            </Grid>


        </Grid>



    </Border>
</mah:MetroWindow>