Vue.component('faqs-accordion', {
	template:
	
	'<el-collapse accordion> \
		<el-collapse-item v-for="(item, index) in items"> \
			<template slot="title"> \
				<p :style="getStyle(item.question)"><b><html-element :item="item.question"></html-element></b></p> \
			</template> \
			<html-element v-if="isArray(item.answer)" v-for="subitem in item.answer" :item="subitem"></html-element> \
			<html-element v-if="!isArray(item.answer)" :item="item.answer"></html-element> \
			<div v-if="item.examples"> \
				<pdc-examples :items="item.examples"></pdc-examples> \
			</div> \
		</el-collapse-item> \
	</el-collapse>',
	props: ['items'],
	methods: {
		getStyle: function (str) {
			if (str.length <= 100) {
				return {
					"line-height": "48px",
					height: "48px"
				}
			} else {
				return {
					"line-height": "20px",
					height: "48px",
					"margin-top": "8px"
				}
			}
		},
		isArray: function (myVar) {
			return Array.isArray(myVar);
		}
	}
})