18 lines
588 B
Svelte
18 lines
588 B
Svelte
<script>
|
|
let { onViewProfile, name, position, image } = $props();
|
|
import Button from 'components/Button.svelte';
|
|
import Avatar from 'components/council/Avatar.svelte';
|
|
</script>
|
|
|
|
<div class="text-ecsess-100 flex max-w-md items-center gap-6 p-3">
|
|
<!-- Profile picture -->
|
|
<div>
|
|
<Avatar {name} size={"size-26 md:size-32"} src={image}/>
|
|
</div>
|
|
<div class="text-left">
|
|
<div class="text-xl md:text-2xl font-bold">{name}</div>
|
|
<div class="text-sm md:text-base text-ecsess-200 mb-2 italic">{position}</div>
|
|
<Button onclick={onViewProfile}>View Profile</Button>
|
|
</div>
|
|
</div>
|