/*
 * 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 {AppOptionSpec, SizingMode, XH} from '@xh/hoist/core';
import {segmentedControl, SegmentedControlProps} from '@xh/hoist/mobile/cmp/input';
import {startCase, values} from 'lodash';
import {FormFieldProps} from '../form/FormField';
import '@xh/hoist/mobile/register';

interface SizingModeAppOptionSpec {
    /** Supported SizingModes */
    modes?: SizingMode[];
    /** Props for nested FormField. */
    formFieldProps?: Partial<FormFieldProps>;
    /** Props for nested SegmentedControl. */
    inputProps?: Partial<SegmentedControlProps>;
}

/**
 * Convenience configuration for the `sizingMode` AppOption.
 */
export const sizingModeAppOption = ({
    modes,
    formFieldProps,
    inputProps
}: SizingModeAppOptionSpec = {}): AppOptionSpec => {
    if (!modes) modes = values(SizingMode);
    return {
        name: 'sizingMode',
        formField: {
            label: 'Grid sizing',
            item: segmentedControl({
                options: modes.map(mode => ({value: mode, label: startCase(mode)})),
                ...inputProps
            }),
            ...formFieldProps
        },
        valueGetter: () => XH.sizingMode,
        valueSetter: v => XH.setSizingMode(v)
    };
};