# code-snippets/4.0.0-beta.2/js/components/ManageMenu/BlueprintsDemo/GeneratedNotice.tsx

Code Snippets, version 4.0.0-beta.2. 24 lines.

- Page: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.2/code/js/components/ManageMenu/BlueprintsDemo/GeneratedNotice.tsx
- Raw: https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.2/raw/js/components/ManageMenu/BlueprintsDemo/GeneratedNotice.tsx
- Modified: 2026-09-22T07:42:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-snippets/4.0.0-beta.2/code/js/components/ManageMenu/BlueprintsDemo/GeneratedNotice.tsx#L10-L20`.

```tsx
import React from 'react'
import { __, sprintf } from '@wordpress/i18n'
import { Badge } from '../../common/Badge'
import { BLUEPRINT_TITLE } from './demoBlueprint'

/**
 * Stands in for the code preview the real blueprint produces. The walkthrough
 * generates nothing, so this only confirms what Pro would have built.
 */
export const GeneratedNotice = React.forwardRef<HTMLDivElement>((_props, ref) =>
	<div className="blueprints-demo-generated" ref={ref} role="status">
		<Badge name="php" />

		<p className="blueprints-demo-generated__text">
			{sprintf(
				/* translators: %s: name of the blueprint, e.g. "Create a Shortcode". */
				__('Snippet “%s” has been generated.', 'code-snippets'),
				BLUEPRINT_TITLE
			)}
		</p>
	</div>)

GeneratedNotice.displayName = 'GeneratedNotice'

```