<template>
  <div class="searchNot">
    <img :src="errGif" />
    <div class="searchNot-placeholder" v-if="placeholder">{{ placeholder }}</div>
  </div>
</template>

<script>
export default {
  name: "searchNot",
    props: [
    "placeholder",
  ],
  data() {
    return {
      errGif: require("@/assets/img/search-not.png") + "?" + +new Date(),
    };
  },
};
</script>

<style lang="scss" scoped>
.searchNot {
  width: 100%;
  box-sizing: border-box;
  padding: 18vh 160px 0 16px;
  text-align: center;
  img {
    display: inline-block;
    width: 200px;
    margin: 0 0 20px 0;
  }
  .searchNot-placeholder {
    color: #454545;
    font-size: 14px;
  }
}
</style>
