1import React from 'react';
2import {useColorMode} from '@docusaurus/theme-common';
3
4const ThemeBasedImage = ({ width, lightSrc, darkSrc, alt }) => {
5  const { colorMode } = useColorMode();
6
7  return (
8    <img width={width} src={colorMode === "dark" ? darkSrc : lightSrc} alt={alt} />
9  );
10};
11
12export default ThemeBasedImage;
13

1import React from 'react';
2import {useColorMode} from '@docusaurus/theme-common';
3
4const ThemeBasedImage = ({ width, lightSrc, darkSrc, alt }) => {
5  const { colorMode } = useColorMode();
6
7  return (
8    <img width={width} src={colorMode === "dark" ? darkSrc : lightSrc} alt={alt} />
9  );
10};
11
12export default ThemeBasedImage;
13