You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
952 B
HTML
30 lines
952 B
HTML
<div class="border-l-4 border-yellow-400 bg-yellow-50 p-4">
|
|
<div class="flex">
|
|
<div class="shrink-0">
|
|
<svg
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
data-slot="icon"
|
|
aria-hidden="true"
|
|
class="size-5 text-yellow-400"
|
|
>
|
|
<path
|
|
d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
|
|
clip-rule="evenodd"
|
|
fill-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div class="ml-3">
|
|
<p class="text-sm text-yellow-700">
|
|
You have no credits left.
|
|
<a
|
|
href="#"
|
|
class="font-medium text-yellow-700 underline hover:text-yellow-600"
|
|
>Upgrade your account to add more credits.</a
|
|
>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|