Invalid Input Error Message

<div class="bg-red-50 border border-red-200 rounded-lg p-6 max-w-2xl mx-auto my-8">
  <div class="flex items-start gap-4">
    <svg class="w-6 h-6 text-red-600 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
    </svg>
    <div>
      <h3 class="text-lg font-semibold text-red-900 mb-2">Invalid Input Provided</h3>
      <p class="text-red-800 mb-4">The input provided appears to be a URL link rather than HTML code. To extract reusable UI components, please provide actual HTML markup.</p>
      <div class="bg-white rounded border border-red-200 p-4 text-sm text-gray-700">
        <p class="font-medium text-gray-900 mb-2">Expected format:</p>
        <code class="block bg-gray-50 p-3 rounded text-xs overflow-x-auto">
          <br />
          <br />
          <br />
        </code>
      </div>
    </div>
  </div>
</div>