Function renderItem

packages/setupWizard/src/tabCheckbox.ts:255–272

({ item, isActive })

            items,
            active,
            renderItem({ item, isActive }) {
                if (Separator.isSeparator(item)) {
                    return ` ${item.separator}`;
                }
                const cursor = isActive ? theme.icon.cursor : ' ';
                if (item.disabled) {
                    const disabledLabel = typeof item.disabled === 'string' ? item.disabled : '(disabled)';
                    const checkbox = item.checked ? theme.icon.disabledChecked : theme.icon.disabledUnchecked;
                    return theme.style.disabled(`${cursor}${checkbox} ${item.name} ${disabledLabel}`);
                }
                if (isActive) {
                    description = item.description;
                }
                const checkbox = item.checked ? theme.icon.checked : theme.icon.unchecked;
                const name = item.checked ? item.checkedName : item.name;
                const color = isActive ? theme.style.highlight : (x: string) => x;
                return color(`${cursor}${checkbox} ${name}`);
            },
            pageSize,
            loop,
        });