1  <?xml version="1.0" encoding="utf-8" ?>
 2  <UserControl
 3      x:Class="Microsoft.PowerToys.Settings.UI.Controls.Card"
 4      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 5      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 6      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 7      xmlns:local="using:Microsoft.PowerToys.Settings.UI.Controls"
 8      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 9      Padding="8"
10      HorizontalContentAlignment="Stretch"
11      VerticalContentAlignment="Stretch"
12      Background="{ThemeResource CardBackgroundFillColorDefaultBrush}"
13      BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
14      BorderThickness="1"
15      CornerRadius="{StaticResource OverlayCornerRadius}"
16      mc:Ignorable="d">
17      <Grid
18          VerticalAlignment="{x:Bind VerticalContentAlignment, Mode=OneWay}"
19          Background="{x:Bind Background, Mode=OneWay}"
20          BorderBrush="{x:Bind BorderBrush, Mode=OneWay}"
21          BorderThickness="{x:Bind BorderThickness, Mode=OneWay}"
22          CornerRadius="{x:Bind CornerRadius, Mode=OneWay}">
23          <Grid.RowDefinitions>
24              <RowDefinition Height="Auto" />
25              <RowDefinition Height="Auto" />
26              <RowDefinition Height="*" />
27          </Grid.RowDefinitions>
28          <Grid x:Name="TitleGrid" MinHeight="44">
29              <Grid.ColumnDefinitions>
30                  <ColumnDefinition Width="*" />
31                  <ColumnDefinition Width="Auto" />
32              </Grid.ColumnDefinitions>
33              <TextBlock
34                  Margin="16,0,0,0"
35                  VerticalAlignment="Center"
36                  AutomationProperties.HeadingLevel="Level2"
37                  FontSize="16"
38                  FontWeight="SemiBold"
39                  Text="{x:Bind Title, Mode=OneWay}" />
40              <ContentPresenter
41                  Grid.Column="2"
42                  HorizontalAlignment="Right"
43                  VerticalAlignment="Center"
44                  Content="{x:Bind TitleContent, Mode=OneWay}" />
45          </Grid>
46          <Rectangle
47              x:Name="Divider"
48              Grid.Row="1"
49              Height="1"
50              HorizontalAlignment="Stretch"
51              Fill="{ThemeResource DividerStrokeColorDefaultBrush}"
52              Visibility="{x:Bind DividerVisibility, Mode=OneWay}" />
53  
54          <ContentPresenter
55              Grid.Row="2"
56              Margin="{x:Bind Padding, Mode=OneWay}"
57              HorizontalAlignment="{x:Bind HorizontalContentAlignment, Mode=OneWay}"
58              VerticalAlignment="{x:Bind VerticalContentAlignment, Mode=OneWay}"
59              Content="{x:Bind Content, Mode=OneWay}" />
60          <VisualStateManager.VisualStateGroups>
61              <VisualStateGroup x:Name="TitleGridVisibilityStates">
62                  <VisualState x:Name="TitleGridVisible" />
63                  <VisualState x:Name="TitleGridCollapsed">
64                      <VisualState.Setters>
65                          <Setter Target="TitleGrid.Visibility" Value="Collapsed" />
66                      </VisualState.Setters>
67                  </VisualState>
68              </VisualStateGroup>
69          </VisualStateManager.VisualStateGroups>
70      </Grid>
71  </UserControl>