<template>
  <div>
    <a :href="madeWith?.url" target="{{ madeWith?.target }}">
      <span>{{ madeWith?.poweredBy }} &nbsp;</span>
      <span>
        <img :src="madeWith?.icon" alt="cart" />
      </span>
      <span>{{ madeWith?.company }}</span>
    </a>
  </div>
</template>

<script setup lang="ts">
import { useVueBaseProps } from '@lightspeed/crane';
import { Design } from '../type.ts';

const baseProps = useVueBaseProps<unknown, Design>();
const siteContent: SiteContent = baseProps.site?.value satisfies SiteContent;
const madeWith = siteContent.madeWith;
</script>

<style lang="scss" scoped>
</style>
