<template>
  <q-card :class="` text-center`" :style="mystyle">
    <div
      :class="`column q-pa-sm text-center align-center ` + classColor"
      style="align-items: center"
    >
      <div class="elem text-h6">
        {{ title }}
      </div>
      <q-icon :name="icon" size="xl" :class="classColor + ` elem `" />
      <div>
        <div>
        </div>
      </div>

      <div
        class="elem full-width elem-value text-h5 boldhigh"
      >
        {{ mytextval }}
          <q-badge
            v-if="value_today > 0"
            align="top"
            :label="`+` + value_today + ` oggi`"
            :color="colBack"
          >
          </q-badge>
      </div>
    </div>
  </q-card>
</template>

<script lang="ts" src="./CElemStat.ts">
</script>

<style lang="scss" scoped>
@import './CElemStat.scss';
</style>
