pragma ComponentBehavior: Bound

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

StyledPanelWindow {
    id: root
    name: "storybook"

    visible: Visibility.storybook
    implicitWidth: 500
    implicitHeight: 600

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

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

    Item {
        id: layout
        anchors.fill: parent

        StyledTabBar {
            id: tabs
            anchors.top: parent.top
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.bottom: stack.top

            StyledTabButton {
                text: "Fields"
            }
            StyledTabButton {
                text: "Selectors"
            }
            StyledTabButton {
                text: "Components"
            }
        }

        StackLayout {
            id: stack

            anchors.top: tabs.bottom
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.bottom: parent.bottom

            currentIndex: tabs.currentIndex

            ScrollView {
                Layout.fillWidth: true
                padding: 36
                Fields {}
            }
            ScrollView {
                padding: 36
                Selectors {}
            }
            ScrollView {
                Layout.fillWidth: true
                padding: 36
                Components {}
            }
        }
    }
}