// Module ID: 13462
// Function ID: 102223
// Name: EditIcon
// Dependencies: []
// Exports: default

// Module 13462 (EditIcon)
let closure_2 = importAll(dependencyMap[0]);
const View = arg1(dependencyMap[1]).View;
const jsx = arg1(dependencyMap[2]).jsx;
let obj = arg1(dependencyMap[3]);
obj = {};
obj = { "Null": null, "Null": null, backgroundColor: importDefault(dependencyMap[4]).colors.BACKGROUND_SURFACE_HIGH };
obj.editIcon = obj;
obj.xs = { borderRadius: importDefault(dependencyMap[4]).radii.md };
const obj2 = { "Null": false, "Null": false, borderRadius: importDefault(dependencyMap[4]).radii.lg };
obj.sm = obj2;
let closure_5 = obj.createStyles(obj);
const obj1 = { borderRadius: importDefault(dependencyMap[4]).radii.md };
const result = arg1(dependencyMap[6]).fileFinishedImporting("modules/profile_customization/native/EditIcon.tsx");

export default function EditIcon(style) {
  style = style.style;
  const arg1 = style;
  let str = style.size;
  if (str === undefined) {
    str = "xs";
  }
  const dependencyMap = str;
  let React;
  const tmp = callback();
  React = tmp;
  const items = [tmp, style, str];
  let obj = {
    style: React.useMemo(() => {
      const obj = {};
      const items = [tmp.editIcon, , ];
      if ("sm" === str) {
        let xs = tmp.sm;
      } else {
        xs = tmp.xs;
      }
      items[1] = xs;
      items[2] = style;
      obj.iconContainerStyle = items;
      return obj;
    }, items).iconContainerStyle,
    children: jsx(arg1(dependencyMap[5]).PencilIcon, obj)
  };
  obj = { size: str };
  return <View {...obj} />;
};