<template>
    <div class="w-100 d-flex flex-row justify-center align-center footer">
      <div class="text-grey" style="font-size: small">&copy;{{ new Date().getFullYear() }}</div>
      <div class="text-grey logo mr-3" style="font-size: small; margin-bottom: 0;">&nbsp;dexorder</div>
      <social size="x-small"/>
      <div class="text-grey tv">
        <span>Charts by <a href="https://tradingview.com/" target="TradingView">TradingView</a></span>
      </div>
    </div>
</template>

<script setup>

import Social from "@/components/Social.vue";
</script>

<style scoped lang="scss">
div.footer {
    margin-left: 1em;
    margin-right: 1em;
}
.tv {
  margin-left: 1em;
  font-size: 0.7em;
  a {
    text-decoration: none;
    &:visited {
      color: grey;
    }
    &:hover {
      text-decoration: underline;
    }
  }
}
</style>