teoldalad/lib/components/bio/profile/Extra.svelte
2024-03-13 00:30:45 +01:00

22 lines
717 B
Svelte

<script lang="ts">
import { faBriefcase, faGraduationCap, faLocationPin } from '@fortawesome/free-solid-svg-icons';
import ExtraItem from './ExtraItem.svelte';
export let location: string | undefined = undefined;
export let school: string | undefined = undefined;
export let workplace: string | undefined = undefined;
</script>
{#if location || school || workplace}
<div class="flex flex-wrap gap-x-3 gap-y-2">
{#if location}
<ExtraItem icon={faLocationPin} text={location.trim()} />
{/if}
{#if school}
<ExtraItem icon={faGraduationCap} text={school.trim()} />
{/if}
{#if workplace}
<ExtraItem icon={faBriefcase} text={workplace.trim()} />
{/if}
</div>
{/if}