{{--
    Text approximation of the graffiti logo: bubbly pink "MITH" over the
    amber STUDIOS banner. The real artwork can replace this later as an
    image; keeping it as type means it costs nothing and scales anywhere.
--}}
@props(['size' => 'base'])

@php
    $mith = match ($size) {
        'lg' => 'text-6xl',
        'sm' => 'text-xl',
        default => 'text-2xl',
    };
    $badge = match ($size) {
        'lg' => 'text-xs px-2.5 py-1',
        'sm' => 'text-[8px] px-1 py-0.5',
        default => 'text-[9px] px-1.5 py-0.5',
    };
@endphp

<div {{ $attributes->class(['w-max select-none leading-none']) }}>
    <span class="font-display {{ $mith }} uppercase tracking-wide text-transparent bg-clip-text bg-gradient-to-b from-rose-300 via-rose-400 to-rose-600 drop-shadow-[2px_2px_0_rgba(0,0,0,0.55)]">MITH</span>
    <span class="mt-1 block w-max bg-amber-500 {{ $badge }} font-sans font-bold uppercase tracking-[0.3em] text-ink-950">Studios</span>
</div>