<template>
	<div>
		<label :for="interName" class="visually-hidden">{{ pmb.getMessage('searchform', 'operatorGlobalLabel') }}</label>
		<select 
			class="rmc_inter" 
			:id="interName" 
			:value="interValue" 
			:name="interName" 
			:aria-label="pmb.getMessage('searchform', 'operatorGlobal') + ' (' + pmb.getMessage('searchform', 'searchCriteria') + ' ' + (inc + 1) +')'"
			:title="pmb.getMessage('searchform', 'operatorGlobal') + ' (' + pmb.getMessage('searchform', 'searchCriteria') + ' ' + (inc + 1) +')'"
		>
			<option v-for="(operator, key) in interOptions" :value="key">{{operator}}</option>
		</select>
	</div>
</template>

<script>
export default {
	name: "interCriterias",
	props : ['interName', 'interValue', 'interOptions', 'pmb', 'inc'],
}
</script>