import type { ButtonConfig } from '../../../index.type';
import { getIcon } from '../../../../../utils/icon-manager';
import { ManagerRegistry } from '../../../../../core/manager-registry';

export const createZoomBoxButton = (): ButtonConfig => {
    return {
        id: 'zoom-box',
        groupId: 'group-1',
        keepActive: false,
        type: 'button',
        label: 'toolbar.zoomBox',
        icon: getIcon('框选放大'),
        onClick: () => {
            const registry = ManagerRegistry.getInstance();
            registry.engine3d?.getEngine().rangeScale.active();
        }
    };
};