<template>
	<tab-item
		:title="$t('comments')"
		icon="icon-mode_comment"
		:is-active="isActive"
	>
		<comments-list :post-id="productId" />
		<add-form :post-id="productId" />
	</tab-item>
</template>
<script>
import addForm from "@/components/comments/comments_add_form";
import commentsList from "@/components/comments/comments_list";
import tabItem from "./product_tab_item";

export default {
	name: "ProductTabsComments",
	components: {
		addForm,
		commentsList,
		tabItem,
	},
	props: {
		productId: {
			required: true,
		},
		isActive: {
			required: true,
			type: Boolean,
		},
	},
};
</script>