@props([
    'id' => '',
    'name' => '',
    'role' => '',
    'image' => 'assets/img/office/who-office.jpg',
])

<li>
	<button type="button" class="ap-person js-team-open" value="{{ $id }}" aria-label="View profile for {{ $name }}">
		<span class="ap-person-photo">
			<img src="{{ \App\Support\MediaUrl::resolve($image) }}" alt="" loading="lazy" decoding="async">
		</span>
		<span class="ap-person-info">
			<span class="ap-person-name">{{ $name }}</span>
			<span class="ap-person-role">{{ $role }}</span>
		</span>
	</button>
</li>