const Main = imports.ui.main
    const PanelMenu = imports.ui.panelMenu
    const PopupMenu = imports.ui.popupMenu
    const St = imports.gi.St

    let button

    const init = function() {
        button = new PanelMenu.Button(St.Align.START, 'Text', false)

        /*Icon goes here*/
        const icon = new St.Icon({
            track_hover: true, /*Tried this, but not work too*/
            style_class: 'poppy-button'
        })
        button.actor.add_actor(icon)

        const item1 = new PopupMenu.PopupMenuItem('Sample item 1')
        const item2 = new PopupMenu.PopupMenuItem('Sample item 2')
        const item3 = new PopupMenu.PopupMenuItem('Sample item 3')
        const item4 = new PopupMenu.PopupMenuItem('Sample item 4')
        const item5 = new PopupMenu.PopupMenuItem('Sample item 5')
        button.menu.addMenuItem(item1)
        button.menu.addMenuItem(item2)
        button.menu.addMenuItem(item3)
        button.menu.addMenuItem(item4)
        button.menu.addMenuItem(item5)
    }

    const enable = function() {
        const role = 'activities'

        const activitiesButton = Main.panel.statusArea[role];
        if (activitiesButton) {
            activitiesButton.container.hide();
        }

        delete Main.panel.statusArea[role]
        Main.panel.addToStatusArea(role, button, 0, 'left')

        /*button.menu.open()*/
    }

    const disable = function() {
        button.emit('destroy')
    }