<script lang="ts">
  import type { SimpleIcon } from "simple-icons";

  interface Props {
    icon: SimpleIcon;
    title: string;
  }

  let { icon, title }: Props = $props();
</script>

<svg
  class="language-icon"
  viewBox="0 0 24 24"
  style={`color: #${icon.hex}`}
  aria-hidden="true"
  focusable="false"
>
  <title>{title}</title>
  <path d={icon.path} />
</svg>
