Image = ({ resource, alt, className, ...rest }: Props) => {
  const type = useTheme("colors.palette.type");
  const asset = typeof resource === "object" ? resource[type] : resource;

  return <Img {...rest} alt={alt} className={className} src={asset} />;
}
Image
                                  -----
 Usage:

   <Image
     resource=Asset || { dark: Asset1, light: Asset2 }   // The asset
     themeTyped        // Should I load a contrasted version based on theme type ? (light/dark)
     ...Props          // The remaining props will be forwarded to the img
   />