Invalid Input Notice

<div class="max-w-2xl mx-auto p-8">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');</style>
  <div class="bg-yellow-50 border-400 p-6 rounded-lg shadow-sm" style="font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;">
    <div class="flex items-start">
      <div class="flex-shrink-0">
        <svg class="h-6 w-6 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
        </svg>
      </div>
      <div class="ml-4">
        <h3 class="text-sm font-semibold text-yellow-800 mb-1">Invalid Input Provided</h3>
        <p class="text-sm text-yellow-700">The provided input appears to be a URL instead of HTML code. Please provide valid HTML markup for component analysis.</p>
      </div>
    </div>
  </div>
</div>