/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */
import {hoistCmp, useContextModel} from '@xh/hoist/core';
import {button, ButtonProps} from '@xh/hoist/desktop/cmp/button/Button';
import {PanelModel} from '@xh/hoist/desktop/cmp/panel';
import '@xh/hoist/desktop/register';
import {Icon} from '@xh/hoist/icon';
import {logError} from '@xh/hoist/utils/js';

export interface ModalToggleButtonProps extends ButtonProps {
    panelModel?: PanelModel;
}

/**
 * A convenience button to toggle a Panel's modal view state.
 */
export const [ModalToggleButton, modalToggleButton] = hoistCmp.withFactory<ModalToggleButtonProps>({
    displayName: 'ModalToggleButton',
    className: 'xh-modal-toggle-button',
    model: false,

    render({className, title, tooltip, panelModel, disabled, ...rest}, ref) {
        panelModel = panelModel ?? useContextModel(PanelModel);

        if (!panelModel) {
            logError(
                'No PanelModel available - provide via `panelModel` prop or context - button will be disabled.',
                ModalToggleButton
            );
            disabled = true;
        }

        const isModal = panelModel?.isModal;

        if (!title && !tooltip) {
            tooltip = isModal ? 'Close dialog' : 'Pop out as dialog';
        }

        return button({
            ref,
            icon: isModal ? Icon.close() : Icon.openExternal(),
            title,
            tooltip,
            onClick: () => panelModel?.toggleIsModal(),
            minimal: true,
            className,
            disabled,
            ...rest
        });
    }
});