<script setup lang="ts">
import type { AcfImageFragment } from "#graphql/types";

defineProps<{ image: AcfImageFragment }>();
</script>

<template>
  <NuxtImg
    :src="image.src"
    :alt="image.alt"
    :width="image.mediaDetails?.width"
    :height="image.mediaDetails?.height"
    :style="{ objectPosition: image.objectPosition }"
    placeholder
  />
</template>
