import { getWordPressConfig } from '@/api/client';

/**
 * FlavioIcon
 *
 * Flavio's mascot, used as the icon marking a change Flavio made (in place of a
 * generic check). Shared by the Timeline change rows and the dashboard's Recent
 * improvement detail so they stay visually in sync.
 */
const FlavioIcon = ({ className }) => {
	const { pluginUrl } = getWordPressConfig() || {};
	return (
		<img
			src={`${pluginUrl || ''}js/public/onboarding.svg`}
			alt="Flavio"
			aria-hidden="true"
			className={className}
		/>
	);
};

export default FlavioIcon;