<script lang="ts">
	import type { PartnerCapability } from '$lib/data/partners';
	import Icon from '../Icon.svelte';

	interface Props {
		c: PartnerCapability;
	}
	let { c }: Props = $props();
</script>

<div class="pcard">
	<div class="capglyph"><Icon name={c.glyph} size={24} stroke="#fff" /></div>
	<div class="pcard__name" style="font-size:19px">{c.name}</div>
	<p style="color:var(--ink-2);font-size:14.5px;margin-top:10px;text-wrap:pretty">{c.desc}</p>
</div>
