import DropdownMenu from '../shared/dropdown/index.js';
import { Profile } from './profile/index.js';
import { Shortcuts } from './shortcuts/index.js';
import { Controls } from './controls/index.js';
import { Stats } from './stats/index.js';
import { Directories } from './directories/index.js';
import Window from 'types/widgets/window.js';
import { Attribute, Child } from 'lib/types/widget.js';

export default (): Window<Child, Attribute> => {
    return DropdownMenu({
        name: 'dashboardmenu',
        transition: 'crossfade',
        child: Widget.Box({
            class_name: 'dashboard-menu-content',
            css: 'padding: 1px; margin: -1px;',
            vexpand: false,
            children: [
                Widget.Box({
                    class_name: 'dashboard-content-container',
                    vertical: true,
                    children: [
                        Widget.Box({
                            class_name: 'dashboard-content-items',
                            vertical: true,
                            children: [Profile(), Shortcuts(), Controls(), Directories(), Stats()],
                        }),
                    ],
                }),
            ],
        }),
    });
};