<template>
	<pane icon="el-icon-s-operation" :title="$t('panes.Inspector')">
		<el-tabs v-model="tab" type="border-card" class="inspector-tabs">
			<el-tab-pane :label="$t('Props')" name="properties">
				<props-tab/>
			</el-tab-pane>
			<el-tab-pane :label="$t('Script')" name="script">
				<scripts-tab/>
			</el-tab-pane>
			<el-tab-pane :label="$t('Behavior')" name="behavior">
				<behavior-tab/>
			</el-tab-pane>
		</el-tabs>
	</pane>
</template>

<script>
import Pane from '../../components/Pane';
import BehaviorTab from "./Inspector/BehaviorTab";
import PropsTab from "./Inspector/PropsTab";
import ScriptsTab from "./Inspector/ScriptsTab";

export default {
  name: 'Inspector',
  components: {ScriptsTab, BehaviorTab, PropsTab, Pane},
  data() {
    return {
      tab: 'properties'
    };
  }
};
</script>

<style lang="scss">
</style>