mirror of
https://github.com/ProjectSegfault/website.git
synced 2025-04-06 02:55:24 +05:30
37 lines
687 B
Svelte
37 lines
687 B
Svelte
<script lang="ts">
|
|
export let title: any;
|
|
export let position: any;
|
|
export let description: any;
|
|
export let icon: any;
|
|
export let positionStyles: any;
|
|
</script>
|
|
|
|
<div class="bg-secondary rounded-2 p-4 w-[18rem] sm:w-md flex flex-col">
|
|
<div class="flex-1 flex flex-row gap-4">
|
|
{#if icon}
|
|
<div>
|
|
<img
|
|
src={icon}
|
|
class="h-20 rounded-2"
|
|
alt="{title} icon"
|
|
/>
|
|
</div>
|
|
{/if}
|
|
<div>
|
|
<span class="text-2xl font-bold">
|
|
{title}
|
|
|
|
{#if position}
|
|
<span>- </span>
|
|
<span style={positionStyles}>{position}</span>
|
|
{/if}
|
|
</span>
|
|
|
|
{#if description}
|
|
<p class="description">{description}</p>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<slot />
|
|
</div>
|