@props(['picture', 'name', 'position', 'full'])

<x-stack
    class="{{ isset($full) ? 'w-full' : 'w-[10rem] min-h-[12rem]' }} h-full items-center  rounded-lg flex-shrink-0 overflow-hidden border"
>
    <x-image
        class="w-full h-full max-h-[10rem] object-cover"
        :src="$picture"
    />
    <x-stack class="text-center w-full items-center gap-0 py-2 px-2">
        <x-text class="font-bold">
            {{ $name }}
        </x-text>
        <x-text class="font-light text-sm">
            {{ $position }}
        </x-text>
    </x-stack>
</x-stack>