text: /*
   * This file belongs to Hoist, an application development toolkit
   * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
   *
   * Copyright © 2021 Extremely Heavy Industries Inc.
   */
  import {XH} from '@xh/hoist/core';
  import {Icon} from '@xh/hoist/icon/Icon';
  import {button} from '@xh/hoist/mobile/cmp/button';
  import {buttonGroupInput} from '@xh/hoist/mobile/cmp/input';
  
  /**
   * Convenience configuration for the `theme` AppOption.
   * @param {{}} [formFieldProps]
   * @param {{}} [inputProps]
   */
  export const themeAppOption = ({formFieldProps, inputProps} = {}) => {
      return {
          name: 'theme',
          formField: {
              label: 'Theme',
              item: buttonGroupInput({
                  items: [
                      button({
                          value: 'light',
                          text: 'Light',
                          icon: Icon.sun(),
                          width: '33.33%'
                      }),
                      button({
                          value: 'dark',
                          text: 'Dark',
                          icon: Icon.moon(),
                          width: '33.33%'
                      }),
                      button({
                          value: 'system',
                          text: 'System',
                          icon: Icon.sync(),
                          width: '33.33%'
                      })
                  ],
                  width: '100%',
                  ...inputProps
              }),
              ...formFieldProps
          },
          prefName: 'xhTheme',
          valueSetter: (v) => XH.setTheme(v)
      };
  };
  