<HeaderedContentControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    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"
    mc:Ignorable="d"
    d:DesignWidth="1280" d:DesignHeight="720"
    Style="{StaticResource SampleControlStyle}"
    Header="GroupBox"
    Tag="https://www.noesisengine.com/docs/Gui.Core._GroupBox.html">

    <StackPanel>
        <TextBlock Style="{StaticResource SampleSectionDesc}" Text="GroupBox control defines a container that has a border and optionally a header, used to group content."/>
        <HeaderedContentControl Style="{StaticResource SampleSectionStyle}" Tag="https://www.noesisengine.com/xamltoy/6fa4a7e3eee995f01e9c6fe6772997d0" TabIndex="100">
            <HeaderedContentControl.Header>
                <StackPanel>
                    <TextBlock Style="{StaticResource SampleSectionTitle}" Text="Header"/>
                    <TextBlock Style="{StaticResource SampleSectionDesc}" Margin="0,5,0,0">
                        <Run>The</Run>
                        <Run FontWeight="Bold">Header</Run>
                        <Run>property can contain text or any other UI element.</Run>
                    </TextBlock>
                </StackPanel>
            </HeaderedContentControl.Header>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                <GroupBox Header="Video Options" Width="180" Margin="10,5">
                    <StackPanel>
                        <CheckBox Content="Option 1" IsChecked="True"/>
                        <CheckBox Content="Option 2" Margin="0,8,0,0"/>
                        <CheckBox Content="Option 3" Margin="0,8,0,0"/>
                    </StackPanel>
                </GroupBox>
                <GroupBox Width="180" Margin="10,5">
                    <GroupBox.Header>
                        <StackPanel Orientation="Horizontal">
                            <Viewbox Width="16">
                                <Grid>
                                    <Path Fill="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type GroupBox}}}" Data="M278.944 17.577c-5.568-2.656-12.128-1.952-16.928 1.92L106.368 144.009H32c-17.632 0-32 14.368-32 32v128  c0 17.664 14.368 32 32 32h74.368l155.616 124.512c2.912 2.304 6.464 3.488 10.016 3.488c2.368 0 4.736-0.544 6.944-1.6  c5.536-2.656 9.056-8.256 9.056-14.4v-416C288 25.865 284.48 20.265 278.944 17.577z"/>
                                    <Path Fill="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type GroupBox}}}" Data="M368.992 126.857c-6.304-6.208-16.416-6.112-22.624 0.128c-6.208 6.304-6.144 16.416 0.128 22.656  C370.688 173.513 384 205.609 384 240.009s-13.312 66.496-37.504 90.368c-6.272 6.176-6.336 16.32-0.128 22.624  c3.136 3.168 7.264 4.736 11.36 4.736c4.064 0 8.128-1.536 11.264-4.64C399.328 323.241 416 283.049 416 240.009  S399.328 156.777 368.992 126.857z"/>
                                    <Path Fill="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type GroupBox}}}" Data="M414.144 81.769c-6.304-6.24-16.416-6.176-22.656 0.096c-6.208 6.272-6.144 16.416 0.096 22.624  C427.968 140.553 448 188.681 448 240.009s-20.032 99.424-56.416 135.488c-6.24 6.24-6.304 16.384-0.096 22.656  c3.168 3.136 7.264 4.704 11.36 4.704c4.064 0 8.16-1.536 11.296-4.64C456.64 356.137 480 299.945 480 240.009  S456.64 123.881 414.144 81.769z"/>
                                </Grid>
                            </Viewbox>
                            <TextBlock Text="Audio Options" FontSize="{DynamicResource Font.Size.Header}" VerticalAlignment="Center" Margin="4,0,0,0"/>
                        </StackPanel>
                    </GroupBox.Header>
                    <StackPanel>
                        <CheckBox Content="Option 4"/>
                        <CheckBox Content="Option 5" Margin="0,8,0,0" IsChecked="True"/>
                        <CheckBox Content="Option 6" Margin="0,8,0,0"/>
                    </StackPanel>
                </GroupBox>
            </StackPanel>
        </HeaderedContentControl>
        <HeaderedContentControl Style="{StaticResource SampleSectionStyle}" Tag="https://www.noesisengine.com/xamltoy/645b512d1d10d682cdc7ea92949211cd" TabIndex="200">
            <HeaderedContentControl.Header>
                <StackPanel>
                    <TextBlock Style="{StaticResource SampleSectionTitle}" Text="No Header"/>
                    <TextBlock Style="{StaticResource SampleSectionDesc}" Margin="0,5,0,0">
                        <Run>When</Run>
                        <Run FontWeight="Bold">Header</Run>
                        <Run>property is not set this control is represented as a simple rounded border, but can be used to change font properties for all the content.</Run>
                    </TextBlock>
                </StackPanel>
            </HeaderedContentControl.Header>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                <GroupBox Width="180" Margin="10,5">
                    <TextBlock TextWrapping="Wrap" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur metus tortor, non accumsan ligula aliquet eu. Nam eu orci sed justo pretium malesuada quis sit amet justo."/>
                </GroupBox>
                <GroupBox Width="180" Margin="10,5" Foreground="Gray" FontSize="12" FontWeight="Bold">
                    <StackPanel>
                        <TextBlock TextWrapping="Wrap" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur metus tortor, non accumsan ligula aliquet eu. Nam eu orci sed justo pretium malesuada quis sit amet justo."/>
                        <Button Content="Button" Margin="0,10,0,0"/>
                    </StackPanel>
                </GroupBox>
            </StackPanel>
        </HeaderedContentControl>
    </StackPanel>
</HeaderedContentControl>