`<ThemeImage />`

The ThemeImage component is an extension of the Image component that is used to display images acording to the user's theme.

import myDarkImage from './my-dark-image.png'
import myLightImage from './my-light-image.png'
 
export default function Page() {
  return (
    <ThemeImage
      width={1080}
      height={1080}
      srcDark={myDarkImage}
      srcLight={myLightImage}
    />
  )
}