<script setup lang="ts">
import { computed } from 'vue'
import { useColorMode } from '@vueuse/core'
import dataikuLogo from '@/assets/dataiku-logo.svg'
import dataikuLogoDark from '@/assets/dataiku-logo-dark.svg'

const mode = useColorMode()
const logoSrc = computed(() => (mode.value === 'dark' ? dataikuLogoDark : dataikuLogo))
</script>

<template>
  <img :src="logoSrc" alt="Dataiku" />
</template>
