src/lib/components/image-generation/Preview.svelte

<script lang="ts">
  export let body: Record<string, any>;
  export let res: string;
</script>

{#if res}
  <div class="text-white p-6 font-code text-xs !leading-loose">
    <div class="max-w-max relative ">
      <img src={res} alt="" class="w-full max-w-lg object-contain" />
      <div class="absolute bottom-3 left-3 bg-white/20 backdrop-blur-sm px-2 py-0.5 rounded-lg text-slate-900">{body?.inputs}</div>
    </div>
  </div>
{/if}