<template>
  <tab-item
    :title="$t('review')"
    icon="icon-find_in_page"
    :is-active="isActive"
  >
  <lazy-hydrate never>
    <div v-html="dataSource" class="description" />
</lazy-hydrate>
  </tab-item>
</template>
<script>
import tabItem from "./product_tab_item";
import LazyHydrate from 'vue-lazy-hydration';
export default {
  name: "ProductTabsDescription",
  components: {
    tabItem,
    LazyHydrate
  },
  props: {
    dataSource: {
      required: true,
    },
    isActive: {
      required: true,
      type: Boolean,
    },
  },
};
</script>
<style lang="scss" scoped>
.description {
  @extend %html-content;
}

[data-lang="en"] {
  .description {
    @extend %html-content--ltr;
  }
}
</style>