// Module ID: 14699
// Function ID: 14700
// Name: EditIcon
// Dependencies: [19, 17, 21, 4636, 576, 10378, 2]
// Exports: default

// Module 14699 (EditIcon)
import nativeDefault from "native" /* 576 */;
import PencilIcon from "PencilIcon" /* 10378 */;
import noop from "module_19" /* 19 */;

require = fn;
const View = fn(17).View;
const jsx = fn(21).jsx;
const createStyles = fn(4636);
const obj2 = { editIcon: { alignItems: "center", justifyContent: "center", backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH }, xs: null, sm: null };
let size = { width: 24, height: 24, borderRadius: nativeDefault.radii.md };
obj2.xs = size;
const size1 = { width: 32, height: 32, borderRadius: nativeDefault.radii.lg };
obj2.sm = size1;
let closure_5 = createStyles.createStyles(obj2);
size = fn(2);
const result = size.fileFinishedImporting("modules/profile_customization/native/EditIcon.tsx");

export default function EditIcon(style) {
  style = style.style;
  let str = style.size;
  if (str === undefined) {
    str = "xs";
  }
  const tmp = closure_5();
  const editIcon = tmp;
  const items = [tmp, style, str];
  return <View style={noop.useMemo(() => {
    const iconContainerStyle = [editIcon.editIcon, "sm" === str ? editIcon.sm : editIcon.xs, style];
    return { iconContainerStyle };
  }, items).iconContainerStyle}>{jsx(PencilIcon.PencilIcon, { size: str })}</View>;
};