<script lang="ts">
  import type { IconDefinition } from '@fortawesome/free-solid-svg-icons';
  import Fa from 'svelte-fa';

  export let icon: IconDefinition;
  export let text: string;
</script>

<div class="flex gap-1 text-text-secondary items-center">
  <Fa {icon} />
  <p class="break-words line-clamp-1">{text}</p>
</div>
