<template>
	<div class="blog__comments">
		<comments-list :post-id="postId" />
		<add-form :post-id="postId" />
	</div>
</template>
<script>
import addForm from "@/components/comments/comments_add_form";
import commentsList from "@/components/comments/comments_list";

export default {
	name: "ProductTabsComments",
	components: {
		addForm,
		commentsList,
	},
	props: {
		postId: {
			required: true,
		},
	},
};
</script>
<style lang="scss" scoped>
.blog__comments {
	content-visibility: auto;
	margin: 0 auto;
	max-width: 800px;
}
</style>