<template>
  <div>
    <v-divider class="mb-1" />
    <div class="d-flex flex-column align-end blue-grey--text text-body-2">
      <span class="d-flex">
        ovdashboard powered by&nbsp;<a :href="server_host">{{ server_name }}</a>
      </span>
      <span class="d-flex">
        Version: {{ version }} &ndash; IP: {{ lan_ip ? lan_ip : "?" }}
      </span>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";

@Component
export default class DashboardInfo extends Vue {
  @Prop({ required: true })
  private readonly version!: string;

  @Prop()
  private readonly lan_ip?: string;

  @Prop({ required: true })
  private readonly server_host!: string;

  @Prop({ required: true })
  private readonly server_name!: string;
}
</script>