<template>
	<ul class="actors nolist">
		<li
			v-for="actor in actors"
			:key="`actor-${actor.id}`"
			class="actor"
		>
			<ActorTile :actor="actor" />
		</li>
	</ul>
</template>

<script setup>
import ActorTile from './tile.vue';

defineProps({
	actors: {
		type: Array,
		default: () => [],
	},
});
</script>

<style scoped>
.actors {
	display: grid;
    grid-template-columns: repeat(auto-fill, 10rem);
	gap: .5rem;
}
</style>
