<UserControl
    x:Class="Semi.Avalonia.Demo.Pages.ToggleButtonDemo"
    xmlns="https://github.com/avaloniaui"
    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"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <StackPanel Margin="20">
        <TextBlock Text="Toggle Button" />
        <StackPanel Orientation="Horizontal" Spacing="20">
            <ToggleButton>Primary</ToggleButton>
            <ToggleButton Classes="Secondary">Secondary</ToggleButton>
            <ToggleButton Classes="Tertiary">Tertiary</ToggleButton>
            <ToggleButton Classes="Warning">Warning</ToggleButton>
            <ToggleButton Classes="Error">Error</ToggleButton>
        </StackPanel>

        <TextBlock Margin="0,20,0,0" Text="Toggle Button Three State" />
        <StackPanel Orientation="Horizontal" Spacing="20">
            <ToggleButton Name="button" IsThreeState="True">Primary</ToggleButton>
            <ToggleButton Classes="Secondary" IsThreeState="True">Secondary</ToggleButton>
            <ToggleButton Classes="Tertiary" IsThreeState="True">Tertiary</ToggleButton>
            <ToggleButton Classes="Warning" IsThreeState="True">Warning</ToggleButton>
            <ToggleButton Classes="Error" IsThreeState="True">Error</ToggleButton>
        </StackPanel>
    </StackPanel>
</UserControl>
