<template>
  <div v-if="topic" class="topic-wrap">
    #{{topic}}
  </div>
</template>

<script>
export default {
  name: 'WidgetTopic',
  props: {
    topic: String
  }
};
</script>

<style type="scss">
  .topic-wrap {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 20px;
    line-height: 44px;
    padding: 0 12px;
    border: 2px solid #222;
    border-radius: 2px;
    box-sizing: border-box;
  }
</style>