<template>
  <div v-if="account">
    <a :href="account?.url" :target="account?.target">
      <img :src="accountIcon" alt="account icon" />
    </a>
  </div>
</template>

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

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

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