export const HeaderBrand = () => {
    return (
        <div className={Styles.brand}>
            <img src="/logo.webp" alt="Logo Hit Communications" className={Styles.logo} />
            <div>
                <p className={Styles.title}>Hit Communications</p>
                <p className={Styles.subtitle}>Servers Manager</p>
            </div>
        </div>
    );
};

const Styles = {
    brand: "flex items-center gap-3",
    logo: "h-10 w-10 object-contain",
    title: "text-base font-semibold text-text",
    subtitle: "text-xs uppercase tracking-wide text-text-secondary",
};