<template>
  <div>
    <!-- Zone pour publier sur MQTT -->
    <PublishMQTTComponent />

    <!-- Zone pour afficher la console MQTT -->
    <MQTTConsoleComponent />
  </div>
</template>

<script>
import PublishMQTTComponent from '@/components/MQTTDebugPublish.vue' // Importer le composant pour publier sur MQTT
import MQTTConsoleComponent from '@/components/MQTTDebugConsole.vue' // Importer le composant pour la console MQTT

export default {
  components: {
    PublishMQTTComponent, // Composant pour publier sur MQTT
    MQTTConsoleComponent // Composant pour la console MQTT
  }
}
</script>

<style>
@media (min-width: 1024px) {
  .card__title.primary {
      background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
  }
  .card__title.feedback {
      background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */
  }
  .btn{
    border-radius:30px!important;
    background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
  }
}
</style>
