---
interface Props {
    class?: string;
    imageClass?: string;
    invert?: boolean;
    label?: string;
    markClass?: string;
}

const {
    class: className = '',
    imageClass,
    invert = true,
    label = 'Tenantial',
    markClass = 'h-9 w-9',
} = Astro.props;

const resolvedImageClass = imageClass ?? markClass;
---

<span class:list={['inline-flex items-center', className]} data-brand-lockup>
    <img
        src="/images/tenantial-logo-transparent-clean.png"
        alt={label}
        width="3720"
        height="920"
        decoding="async"
        class:list={[
            'block shrink-0 object-contain',
            resolvedImageClass,
            invert ? 'brightness-0 invert' : '',
        ]}
        data-brand-mark
    />
</span>