// Metro module 14489 (f14490).
import { useState } from "react";
import { intl, t } from "../../../../intl/index.native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { PremiumAppIconIds } from "../../AppIconTypes";
import Module12 from "../../../../_bundle/Module12";
import { useRadioA11yNative } from "../../../../_bundle/Module3907";
import { TableRow } from "../../../../design/components/TableRow/native/TableRow.native";
import AppIcon from "../AppIcon";
import { FormRadio } from "../../../../design/components/Forms/native/FormRadio.native";
let useStyles;
let c10194_6 = [() => intl.string(t["EgWTY+"]), () => intl.string(t.umBn5f), () => intl.string(t.dG1wD1), () => intl.string(t.SesI4S), () => intl.string(t.RnMLvl)];
useStyles = createStyles({
  icon: {
    borderRadius: Module712.radii.md
  }
});
export default function AppIconRow(props) {
  let r51;
  const { icon, hasNitro, currentAppIcon, showEasterEgg, onSelect, onLongPress: onLongPress2 } = props;
  const styles = useStyles();
  const { id, isPremium } = icon;
  const r29 = id === PremiumAppIconIds.PIRATE ? c10194_6[Module12.random(0, c10194_6.length - 1)]() : icon.name;
  L12: {
    const [label] = useState(r29);
    const selected = currentAppIcon === id;
    const radioA11yNative = useRadioA11yNative({
      selected
    });
    const { accessibilityRole, accessibilityState } = radioA11yNative;
    if (id === PremiumAppIconIds.BRAND_INVERTED && !showEasterEgg) {
      r51 = null;
      if (!selected) {
        break L12;
      }
    }
    r51 = icon.isHidden ? null : <TableRow key={id} icon={<AppIcon id={id} style={styles.icon} />} label={label} onLongPress={() => onLongPress2(id)} onPress={() => onSelect(id)} accessibilityRole={accessibilityRole} accessibilityState={accessibilityState} trailing={!selected && isPremium ? hasNitro ? <FormRadio selected={selected} /> : null : <FormRadio selected={selected} />} />;
  }
  return r51;
};