<template>
  <div class="q-gutter-y-xs column" style="min-width: 100px">
    <q-field
      :label="label"
      stack-label
      outlined
      color="blue-6"
      >

      <template v-if="copy" v-slot:prepend>
        <q-btn round dense flat icon="far fa-copy" @click="copytoclip"/>
      </template>
      <template v-slot:control>
        <div class="self-center full-width no-outline" tabindex="0">
          {{ value }}
          <slot></slot>
        </div>
      </template>

    </q-field>
  </div>
</template>

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

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