import { Box, Icon, ProgressBar } from 'resource:///com/github/Aylur/ags/widget.js';

const Y_POS = 80;


export default ({ stack, icon, info }) => {
    let connectFunc;

    const osd = Box({
        css: `margin-bottom: ${Y_POS}px;`,
        children: [Box({
            class_name: 'osd',
            children: [
                Icon({
                    hpack: 'start',
                    // Can take a string or an object of props
                    ...(typeof icon === 'string' ? { icon } : icon),
                }),
                // Can take a static widget instead of a progressbar
                info.logic ?
                    ProgressBar({ vpack: 'center' }) :
                    info.widget,
            ],
        })],
    });

    // Handle requests to show the OSD
    // Different wether it's a bar or static
    if (info.logic) {
        /**
         * @param {import('types/widgets/box').default} self
         * @returns {Promise<void>}
         */
        connectFunc = (self) => new Promise((r) => {
            info.logic(self);
            // @ts-expect-error
            r();
        }).then(() => stack.attribute.popup(osd));
    }
    else {
        connectFunc = () => stack.attribute.popup(osd);
    }

    // @ts-expect-error
    osd.children[0].children[1].hook(info.mod, connectFunc, info.signal);

    return osd;
};