kunkun/packages/ui/src/components/common/PlatformsIcons.svelte
2025-03-26 07:30:52 -04:00

34 lines
705 B
Svelte

<script lang="ts">
import { IconEnum, OSPlatform, OSPlatformEnum } from "@kksh/api/models"
import { IconMultiplexer } from "@kksh/ui"
const { platforms }: { platforms: OSPlatform[] } = $props()
</script>
<div class="flex gap-2">
{#if platforms.includes(OSPlatformEnum.linux)}
<IconMultiplexer
icon={{
type: IconEnum.Iconify,
value: "logos:linux-tux"
}}
/>
{/if}
{#if platforms.includes(OSPlatformEnum.macos)}
<IconMultiplexer
icon={{
type: IconEnum.Iconify,
value: "basil:apple-solid"
}}
/>
{/if}
{#if platforms.includes(OSPlatformEnum.windows)}
<IconMultiplexer
icon={{
type: IconEnum.Iconify,
value: "devicon:windows8"
}}
/>
{/if}
</div>