// Module ID: 15637
// Function ID: 15638
// Name: SettingsItemAppIcon
// Dependencies: [19, 9466, 21, 4638, 576, 13554, 9467, 10964, 15638, 2]
// Exports: default

// Module 15637 (SettingsItemAppIcon)
import nativeDefault from "native" /* 576 */;
import AppIconTypes from "AppIconTypes" /* 9467 */;
import AppIconUtils from "AppIconUtils" /* 13554 */;
import AppIconDefault from "AppIcon" /* 15638 */;
import noop from "module_19" /* 19 */;

const ClydeIcon = tmp4(10964);
require = fn;
const getIconById = fn(9466).getIconById;
const jsx = fn(21).jsx;
const createStyles = fn(4638);
let obj2 = { icon: { borderRadius: nativeDefault.radii.round } };
let closure_5 = createStyles.createStyles(obj2);
const size = fn(2);
const result = size.fileFinishedImporting("modules/app_icons/native/SettingsItemAppIcon.tsx");

export default function SettingsItemAppIcon(color) {
  let INTERACTIVE_ICON_DEFAULT = color.color;
  if (INTERACTIVE_ICON_DEFAULT === undefined) {
    INTERACTIVE_ICON_DEFAULT = nativeDefault.colors.INTERACTIVE_ICON_DEFAULT;
  }
  const tmp3 = closure_5();
  const currentAppIcon = AppIconUtils.useCurrentAppIcon();
  if (currentAppIcon !== AppIconTypes.FreemiumAppIconIds.DEFAULT) {
    if (null != tmp7) {
      const obj2 = { style: tmp3.icon, id: currentAppIcon, size: 32 };
      let tmp11 = jsx(AppIconDefault, { style: tmp3.icon, id: currentAppIcon, size: 32 });
    }
    return tmp11;
  }
  tmp11 = jsx(ClydeIcon.ClydeIcon, { color: INTERACTIVE_ICON_DEFAULT });
};