<script setup lang="ts">
import QRCode from "@/components/QRCode.vue";

const { message1, message2 } = defineProps(['message1', 'message2'])
</script>
<template>
  <div class="sticker">
    <QRCode class="qr-code"></QRCode>
    <div class="message">{{ message1 }}</div>
    <div class="message">{{ message2 }}</div>
  </div>
</template>
<style scoped>
.message {
  font-size: 2rem;
  color: white;
  font-weight: bold;
}
.qr-code {
  height: 100%;
}
.sticker {
  aspect-ratio: 6 / 1;
  background-color: darkblue;
  //outline: solid 1px red;
  display: flex;
  //padding: 10px;
}
</style>
