<script lang="ts">
  export let name: string;
  export let className = '';
  export let title: string | undefined = undefined;

  $: classes = `${name} icon ${className}`.trim();
</script>

<i class={classes} aria-hidden={title ? undefined : 'true'} title={title}></i>

<style>
  .icon {
    display: inline-block;
    flex: none;
    line-height: 1;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
</style>
