import cx from "classnames";
import { normalizeBoolean } from "dxUtils/normalizers";
import { api, LightningElement } from "lwc";
import { IconSize, IconSprite, IconSymbol } from "typings/custom";

export default class Eyebrow extends LightningElement {
    @api body = "";
    @api ctaHref = "";
    @api ctaLabel = "";
    @api ctaTarget = "_blank";
    @api iconSize: IconSize = "large";
    @api iconSprite: IconSprite = "action";
    @api iconSymbol: IconSymbol = "info";

    @api
    get fixed() {
        return this._fixed;
    }
    set fixed(value: string | boolean) {
        this._fixed = normalizeBoolean(value);
    }

    private _fixed: boolean = false;

    get hasCta() {
        return Boolean(this.ctaHref && this.ctaLabel);
    }

    get className() {
        return cx("eyebrow", "dx-text-body-3", this.fixed && "fixed");
    }
}