<UserControl
    x:Class="Pixeval.Controls.PixivReplyBar"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:CommunityToolkit.WinUI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:fluent="using:FluentIcons.WinUI"
    xmlns:local="using:Pixeval.Controls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <controls:DockPanel HorizontalSpacing="5">
        <Button
            x:Name="EmojiButton"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            controls:DockPanel.Dock="Left"
            Content="{fluent:SymbolIcon Symbol=Emoji,
                                        FontSize={StaticResource SmallIconFontSize}}"
            Style="{StaticResource PixevalRoundedButtonStyle}">
            <Button.Flyout>
                <Flyout>
                    <NavigationView
                        IsBackButtonVisible="Collapsed"
                        IsSettingsVisible="False"
                        PaneDisplayMode="Top"
                        SelectionChanged="EmojiButtonFlyoutNavigationView_OnSelectionChanged">
                        <NavigationView.MenuItems>
                            <NavigationViewItem
                                x:Name="EmojiButtonFlyoutEmojiSectionNavigationViewItem"
                                x:Uid="/CommentRepliesBlock/EmojiButtonFlyoutEmojiSectionNavigationViewItem"
                                Icon="{fluent:SymbolIcon Symbol=Emoji}"
                                IsSelected="True" />
                            <NavigationViewItem
                                x:Name="EmojiButtonFlyoutStickersSectionNavigationViewItem"
                                x:Uid="/CommentRepliesBlock/EmojiButtonFlyoutStickersSectionNavigationViewItem"
                                Icon="{fluent:SymbolIcon Symbol=Sticker}" />
                        </NavigationView.MenuItems>
                        <Frame
                            x:Name="EmojiButtonFlyoutFrame"
                            Width="350"
                            Height="150" />
                    </NavigationView>
                </Flyout>
            </Button.Flyout>
        </Button>
        <Button
            x:Uid="/PixivReplyBar/SendButton"
            Width="32"
            Height="32"
            Padding="0"
            controls:DockPanel.Dock="Right"
            Click="SendButton_OnClicked"
            Content="{fluent:SymbolIcon Symbol=Send,
                                        FontSize={StaticResource SmallIconFontSize}}"
            Style="{StaticResource PixevalTransparentButtonStyle}" />
        <RichEditBox
            x:Name="ReplyContentRichEditBox"
            x:Uid="/PixivReplyBar/ReplyContentRichEditBox"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Center"
            x:FieldModifier="public"
            ContextMenuOpening="ReplyContentRichEditBox_OnContextMenuOpening" />
    </controls:DockPanel>
</UserControl>
