custum-hyprpanel/widget/settings/pages/config/menus/power.ts

import { Option } from 'widget/settings/shared/Option';
import { Header } from 'widget/settings/shared/Header';

import options from 'options';
import { Attribute, Child } from 'lib/types/widget';
import Scrollable from 'types/widgets/scrollable';

export const PowerMenuSettings = (): Scrollable<Child, Attribute> => {
    return Widget.Scrollable({
        class_name: 'bar-theme-page paged-container',
        vscroll: 'always',
        hscroll: 'automatic',
        vexpand: true,
        overlayScrolling: true,
        child: Widget.Box({
            vertical: true,
            children: [
                Header('Power Menu'),
                Option({ opt: options.menus.power.showLabel, title: 'Show Label', type: 'boolean' }),
                Option({
                    opt: options.menus.power.lowBatteryNotification,
                    title: 'Show Notification For Low Battery',
                    type: 'boolean',
                }),
                Option({
                    opt: options.menus.power.lowBatteryThreshold,
                    title: 'Battery Level For Notification',
                    type: 'number',
                }),
                Option({
                    opt: options.menus.power.lowBatteryNotificationTitle,
                    title: 'Low Battery Notification Title',
                    subtitle: 'Use $POWER_LEVEL To Show Battery Percent',
                    type: 'string',
                }),
                Option({
                    opt: options.menus.power.lowBatteryNotificationText,
                    title: 'Low Battery Notification Body',
                    subtitle: 'Use $POWER_LEVEL To Show Battery Percent',
                    type: 'string',
                }),
                Option({ opt: options.menus.power.confirmation, title: 'Confirmation Dialog', type: 'boolean' }),
                Option({ opt: options.menus.power.shutdown, title: 'Shutdown Command', type: 'string' }),
                Option({ opt: options.menus.power.reboot, title: 'Reboot Command', type: 'string' }),
                Option({ opt: options.menus.power.logout, title: 'Logout Command', type: 'string' }),
                Option({ opt: options.menus.power.sleep, title: 'Sleep Command', type: 'string' }),
            ],
        }),
    });
};