import { Card, CardBody, Tip } from '@wordpress/components';
import { __, sprintf } from '@wordpress/i18n';

export const MissingPermissionsTip = () => (
	<Card>
		<CardBody>
			<Tip>
				<span
					className="text-sm"
					dangerouslySetInnerHTML={{
						__html: sprintf(
							__(
								'Read-only mode: The %s capability is required.',
								'code-block-pro',
							),
							'<code>unfiltered_html</code>',
						),
					}}
				/>
			</Tip>
		</CardBody>
	</Card>
);