<div x-ref="preview_inner" id="preview_inner">
    {% if preview_available %}
    <img class="w-full! rounded-md border-[1px] border-slate-600 creme:border-stone-400"
           src="{% url 'serve_preview' pdf_id %}"
    />
    {% else %}
    <div class="flex items-center justify-center w-full !h-96 lg:!h-[36rem] !rounded-md border-[1px]
                  border-slate-200 !bg-slate-100 text-slate-700
                  dark:border-slate-600 dark:!bg-slate-700 dark:text-slate-200
                  creme:borde