<template>
  <div class="row q-gutter-x-md">
    <div class="col-4 text-grey-9" :class="{ 'q-pl-md': paddedLabel }">
      <slot name="label" />
    </div>
    <div class="col text-primary">
      <q-skeleton v-if="loading" :type="valueType" />
      <template v-else>
        <slot name="value" />
      </template>
    </div>
  </div>
</template>

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