export function ConfigurationWarning() {
	const default_message = 'Jaak plugin is not configured. Please add your API key in the plugin settings to use this feature.';

	const settings_url = `${window.WORDPRESS_SITE_URL}/wp-admin/admin.php?page=wc-settings&tab=integration&section=jaak`;

	return (
		<div className='rounded border border-yellow-200 bg-yellow-50 px-4 py-3 text-yellow-800'>
			<p className='text-sm'>
				<strong>Configuration Required:</strong> {default_message}
			</p>
			<p className='mt-2 text-sm'>
				<a
					href={settings_url}
					className='font-medium text-yellow-900 underline hover:text-yellow-700'
				>
					Go to Settings →
				</a>
			</p>
		</div>
	);
}
