<template>
  <div class="relative w-full overflow-hidden bg-[#f1f5f9]" :class="{ 'rounded-[16px]': rounded }">
    <img v-if="src" class="block w-full h-full" :src="src" />
    <div v-else class="min-h-[96px] bg-linear-[135deg,#f8fafc_0%,#e2e8f0_100%] block w-full h-full"></div>
    <slot />
  </div>
</template>

<script setup>
defineProps({
  src: {
    type: String,
    default: "",
  },
  rounded: {
    type: Boolean,
    default: true,
  },
});
</script>
