<template>
  <div class="flex items-center justify-center md:justify-start">
    <img :src="mainText.logo" class="md:w-20 md:h-20 w-14 h-14" />
    <div class="text-2xl font-semibold pl-2">{{ mainText.name }}</div>
  </div>
</template>

<script lang="ts" setup>
import { mainTexts } from "../text"

const mainText =
  mainTexts[import.meta.env.VITE_APP_NAME as keyof typeof mainTexts]
</script>
