import { LightningElement, api } from "lwc";
import cx from "classnames";
import { HelmetVariant } from "typings/custom";

export default class Helmet extends LightningElement {
    @api header: string = "Salesforce";
    @api currentPropertyTitle: string = "Heroku";
    @api currentPropertyHref?: string;
    @api variant: HelmetVariant = "neutral";
    @api horizontalPadding: string = "20px";

    private get style() {
        return `padding: 0 ${this.horizontalPadding};`;
    }

    private get titleAlt() {
        return `Link to ${this.header}`;
    }

    private get currentPropertyAlt() {
        return `Link to ${this.currentPropertyTitle}`;
    }

    private get className() {
        return cx("helmet", `variant_${this.variant}`);
    }
}