import * as b from "bobril";
import { Tags } from "../../utils/tags";
import { IBaseElementDataWithChildren, BaseElement } from "./BaseElement";

export const navbarBrandStyles = {
    navbarBrand: b.styleDef("navbar-brand"),
};

interface INavbarBrandElementData {
    href?: string;
}

export type INavbarBrandData = INavbarBrandElementData & IBaseElementDataWithChildren;

export class NavbarBrand extends BaseElement<INavbarBrandData> {
    static id: string = "bobrilstrap-navbar-brand";
    componentProperties = (): (keyof INavbarBrandData)[] => ["href"];

    get tag(): Tags {
        return "a";
    }

    componentAdditionalAttributes(): INavbarBrandData {
        return {
            ...super.componentAdditionalAttributes(),
            href: this.recognizedTag === "a" ? this.data.href ?? "javascript:void(0)" : this.data.href,
        };
    }

    componentSpecificStyles(): b.IBobrilStyleArray {
        return [navbarBrandStyles.navbarBrand];
    }
}