<template>
  <img :src="component.props.src || 'https://via.placeholder.com/150'" :alt="component.props.alt || 'Image Placeholder'" :style="component.style" />
</template>

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
  component: Object,
});
</script>

<style scoped>
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-sizing: border-box;
}
</style>
