<template>
	<div class="search-results search-results--teams">
		<div class="simple-subtitle">
			Teams
			<span class="toolbar__search-count">
				{{ results.length }}
			</span>
		</div>
		<w-divider />
		<router-link
			v-for="(team, index) in results"
			:key="index"
			:to="`/team/${team.id}`"
		>
			{{ team.name }}
		</router-link>
	</div>
</template>

<script lang="ts">
import Vue, { PropType } from 'vue';

export default Vue.extend({
	props: {
		results: Object as PropType<any[]>
	}
});
</script>