import React from 'react'
import { __ } from '@wordpress/i18n'
import { DemoUpsell } from '../../common/demo/DemoUpsell'

export const AiAgentDemoUpsell: React.FC<{ onReplay: VoidFunction }> = ({ onReplay }) =>
	<DemoUpsell
		title={__('That was a demo: the real agent writes for you', 'code-snippets')}
		onReplay={onReplay}
	>
		<p>{__('The whole walkthrough was scripted and ran inside this plugin. No prompt or snippet left your site, and none were added to it.', 'code-snippets')}</p>
		<p>{__('In Code Snippets Pro, the AI Agent does all of this for whatever you ask it to build, and the snippets it writes are real. They are saved to your site switched off, so nothing runs until you have read them and turned them on.', 'code-snippets')}</p>
	</DemoUpsell>