import { MenuItemConfig } from '../item';
import { ManagerRegistry } from '../../../core/manager-registry';

export const secondMenuButton = (): MenuItemConfig => {
    return {
        id: 'infoMenu',
        label: 'menu.info',
        icon: '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M12 7q.425 0 .713-.288T13 6t-.288-.712T12 5t-.712.288T11 6t.288.713T12 7m0 8q.425 0 .713-.288T13 14v-4q0-.425-.288-.712T12 9t-.712.288T11 10v4q0 .425.288.713T12 15m-6 3l-2.3 2.3q-.475.475-1.088.213T2 19.575V4q0-.825.588-1.412T4 2h16q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18z"/></svg>',
        onClick: () => {
            const registry = ManagerRegistry.getInstance();
            registry.engineInfo?.show();
            registry.engine3d?.rightKey?.hide();
        }
    };
};