{{ $logoClass := "customer-logo" }}
{{ if eq .black true }}
    {{ $logoClass = "customer-logo-black" }}
{{ else if eq .hoverable true }}
    {{ $logoClass = "customer-logo-hoverable" }}
{{ end }}

{{ if eq .logo "ro" }}
    <span class="w-full h-full flex">
        {{ if eq .hoverable true }}
            <span class="ro-hoverable">
                <span class="ro-gray">{{ partial "customer-logos/ro-gray" }}</span>
                <span class="ro-color">{{ partial "customer-logos/ro-color" }}</span>
            </span>
        {{ else }}
            {{ partial "customer-logos/ro-color" }}
        {{ end }}
    </span>
{{ else if eq .logo "panther-labs" }}
    <span class="w-full h-full flex">
        {{ if eq .hoverable true }}
            <span class="ro-hoverable">
                <span class="ro-gray">{{ partial "customer-logos/panther-labs-gray" }}</span>
                <span class="ro-color">{{ partial "customer-logos/panther-labs-color" }}</span>
            </span>
        {{ else }}
            {{ partial "customer-logos/panther-labs-color" }}
        {{ end }}
    </span>
{{ else if eq .logo "mercedes-benz" }}
    <span class="w-full h-full flex">
        {{ if eq .hoverable true }}
            <span class="ro-hoverable">
                <span class="ro-gray">{{ partial "customer-logos/mercedes-benz-gray" }}</span>
                <span class="ro-color">{{ partial "customer-logos/mercedes-benz-rdna" }}</span>
            </span>
        {{ else }}
            {{ partial "customer-logos/mercedes-benz-rdna" }}
        {{ end }}
    </span>
{{ else if eq .logo "bio-fire" }}
    <span class="w-full h-full flex">
        {{ if eq .hoverable true }}
            <span class="ro-hoverable">
                <span class="ro-gray">{{ partial "customer-logos/bio-fire-gray" }}</span>
                <span class="ro-color">{{ partial "customer-logos/bio-fire-color" }}</span>
            </span>
        {{ else }}
            {{ partial "customer-logos/bio-fire-color" }}
        {{ end }}
    </span>
{{ else if eq .logo "singtel" }}
    <span class="w-full h-full flex">
        {{ if eq .hoverable true }}
            <span class="ro-hoverable">
                <span class="ro-gray">{{ partial "customer-logos/singtel-gray" }}</span>
                <span class="ro-color">{{ partial "customer-logos/singtel-color" }}</span>
            </span>
        {{ else }}
            {{ partial "customer-logos/singtel-color" }}
        {{ end }}
    </span>
{{ else if eq .logo "cboe" }}
    <span class="w-full h-full flex">
        {{ if eq .hoverable true }}
            <span class="ro-hoverable">
                <span class="ro-gray">{{ partial "customer-logos/cboe-gray" }}</span>
                <span class="ro-color">{{ partial "customer-logos/cboe-color" }}</span>
            </span>
        {{ else }}
            {{ partial "customer-logos/cboe-color" }}
        {{ end }}
    </span>
{{ else if eq .logo "greenpark-sports" }}
    <span class="w-full h-full flex">
        {{ if eq .hoverable true }}
            <span class="ro-hoverable">
                <span class="ro-gray">{{ partial "customer-logos/greenpark-sports" }}</span>
                <span class="ro-color">{{ partial "customer-logos/greenpark-sports" }}</span>
            </span>
        {{ else }}
            {{ partial "customer-logos/greenpark-sports" }}
        {{ end }}
    </span>
{{ else }}
    <span class="{{ $logoClass }} w-full h-full flex m-auto">
        {{ $path := .logo | printf "%s/%s" "customer-logos" | printf "%s" }}
        {{ partial $path }}
    </span>
{{ end }}