<template>
	<tab-item
		:title="$t('specifications')"
		icon="icon-view_list"
		:is-active="isActive"
	>
		<properties-category
			v-for="category in categories"
			:key="category.name"
			:category="category"
		/>
	</tab-item>
</template>
<script>
import propertiesCategory from "../properties_category/properties_category";
import tabItem from "./product_tab_item";

export default {
	name: "ProductTabsProperties",
	components: {
		propertiesCategory,
		tabItem,
	},
	computed: {
		categories() {
			return Object.keys(this.dataSource).map((item, index) => {
				return {
					...this.dataSource[item],
					index: index,
				};
			});
		},
	},
	props: {
		dataSource: {
			required: true,
		},
		isActive: {
			required: true,
			type: Boolean,
		},
	},
};
</script>