<template>
  <q-card :class="myclass" :style="mystyle" class="fixed-size">
    <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"
          :style="`text-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>
