<template>
<div>
  <form><input type="text" v-bind:style="darktheme ? { 'background-color': 'black', color: 'white'} : ''" class="filtre" placeholder="votre recherche"></form>
</div>
</template>

<script>
export default {
  name: "Barre_Recherche",
  props: {
    // Signal d'activation ou non du theme sombre
    darktheme: {}
  },
}
</script>

<style scoped>
.filtre {
  width: 250px;
  margin-top: 2px;
  flex-basis: 80%;
  height: 22px;
}

/*
input[type="text"]{ background-color: black; color: white}
*/



</style>