flotilla/src/app/components/RoleItem.svelte
2026-07-29 15:52:13 -07:00

17 lines
422 B
Svelte

<script lang="ts">
import type {RelayRoleReader} from "@welshman/domain"
import RoleBadge from "@app/components/RoleBadge.svelte"
interface Props {
role: RelayRoleReader
}
const {role}: Props = $props()
</script>
<div class="flex min-w-0 flex-col gap-2 justify-between">
<RoleBadge {role} size="md" />
{#if role.description()}
<p class="text-sm opacity-70">{role.description()}</p>
{/if}
</div>