// Metro module 14485 (f14486).
import { getIconById } from "./AppIconConstants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { useCurrentAppIcon } from "./AppIconUtils";
import { FreemiumAppIconIds } from "../AppIconTypes";
import { ClydeIcon } from "../../../design/components/Icon/native/redesign/generated/ClydeIcon";
import AppIcon from "./AppIcon";
const useStyles = createStyles({
  icon: {
    borderRadius: Module712.radii.round
  }
});
export default function SettingsItemAppIcon(props) {
  let color = props.color;
  if (color === void 0) {
    color = Module712.colors.INTERACTIVE_ICON_DEFAULT;
  }
  const styles = useStyles();
  const currentAppIcon = useCurrentAppIcon();
  const iconById = getIconById(currentAppIcon);
  return currentAppIcon !== FreemiumAppIconIds.DEFAULT && iconById != null ? <AppIcon style={styles.icon} id={currentAppIcon} size={32} /> : <ClydeIcon color={color} />;
};