<!--
    Component: Logo
    Project logo with apropriate styles
-->
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils';

interface Props {
    class?: string;
}

const { class: className }: Props = $props();

const baseClasses =
    'font-[Barlow] font-thin text-5xl sm:text-6xl md:text-7xl lg:text-8xl text-justify [text-align-last:justify] [text-justify:inter-character]';
</script>
<h2 class={cn(baseClasses, className)}>
    GLYPHDIFF
</h2>
