<script lang="ts" setup>
defineProps<{
  imageUrl: string
}>()
</script>

<template>
  <div class="relative h-full min-h-[50vh] w-full flex flex-col rounded-xl bg-muted/50 p-4 lg:col-span-2">
    <Badge variant="outline" class="absolute right-3 top-3">
      Output
    </Badge>
    <div class="flex-1" />
    <Image :image-url="imageUrl" />

    <Button type="submit" size="sm" class="ml-auto gap-1.5">
      下载图片
      <CornerDownLeft class="size-3.5" />
    </Button>
  </div>
</template>
