import { resolveImageURL } from './images'

export const mdxComponents = {
  img: Image
}

export function Image(props) {
  props = {...props}
  props.src = resolveImageURL(props.src)
  props.style = { maxHeight: "500px", maxWidth: "100%" }
  return (<img {...props} />)
}