import { c as _c } from "react/compiler-runtime";
import { memo } from "react";
export default memo(function Image(t0) {
  const $ = _c(12);
  const {
    alt,
    src,
    sources,
    className,
    width,
    height,
    onClick,
    ref
  } = t0;
  let t1;
  if ($[0] !== sources) {
    t1 = sources?.map(_temp);
    $[0] = sources;
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  let t2;
  if ($[2] !== alt || $[3] !== className || $[4] !== height || $[5] !== onClick || $[6] !== src || $[7] !== width) {
    t2 = <img ref={ref} onClick={onClick} alt={alt} src={src} className={className} width={width} height={height} />;
    $[2] = alt;
    $[3] = className;
    $[4] = height;
    $[5] = onClick;
    $[6] = src;
    $[7] = width;
    $[8] = t2;
  } else {
    t2 = $[8];
  }
  let t3;
  if ($[9] !== t1 || $[10] !== t2) {
    t3 = <picture>{t1}{t2}</picture>;
    $[9] = t1;
    $[10] = t2;
    $[11] = t3;
  } else {
    t3 = $[11];
  }
  return t3;
});
function _temp(s) {
  return <source key={s.srcSet} type={s.type} srcSet={s.srcSet} media={s.media} />;
}
//# sourceMappingURL=Image.jsx.map