<template>
  <div style="width: 380px">
    <q-banner
      rounded
      dense
      class="bg-blue-1 text-red"
      color="primary q-title"
      style="text-align: center"
    >
      {{ label }}
    </q-banner>

    <div class="row">
      <CMySlider
        label="Width:"
        v-model="internalModel.width"
        :min="10"
        :max="3000"
        color="green"
        addstr="px"
        @update:model-value="modifValueWidth"
      ></CMySlider>
      <CMySlider
        label="Height:"
        v-model="internalModel.height"
        :min="10"
        :max="3000"
        color="red"
        addstr="px"
        @update:model-value="modifValueHeight"
      ></CMySlider>
    </div>
  </div>
</template>

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

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