import * as React from 'react'

type ImageRenderProps = {
  sourceUrl: string
  name: string
}

const ImageRender = ({
  sourceUrl,
  name,
}: ImageRenderProps) => {
  return (
    <div className="size-full border-2 border-effects-image-frame shadow-xs">
      <img
        className="size-full object-cover"
        src={sourceUrl}
        alt={name}
      />
    </div>
  )
}

export default React.memo(ImageRender)