pragma ComponentBehavior: Bound

import qs.components
import qs.config
import qs.services
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Quickshell.Hyprland
import Quickshell.Wayland
import Quickshell.Widgets

StyledPanelWindow {
    id: root
    name: "storybook"

    visible: Visibility.storybook
    implicitWidth: rect.width
    implicitHeight: rect.height

    WlrLayershell.layer: WlrLayer.Top
    WlrLayershell.keyboardFocus: root.visible ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None

    HyprlandFocusGrab {
        active: Visibility.storybook
        windows: [root]
        onCleared: {
            Visibility.storybook = false;
        }
    }

    WrapperItem {
        id: rect

        margin: 48

        ColumnLayout {
            spacing: 0

            StyledTabBar {
                id: tabs
                Layout.fillWidth: true
                TabButton {
                    text: "Fields"
                }
                TabButton {
                    text: "Selectors"
                }
                TabButton {
                    text: "Components"
                }
            }

            StackLayout {
                currentIndex: tabs.currentIndex
                Components {
                    visible: false
                }
                Fields {
                    visible: false
                }
                Selectors {
                    visible: false
                }
            }
        }
    }
}