import { LightningElement, api } from "lwc";
import cx from "classnames";
import type { SpinnerSize, SpinnerVariant } from "typings/custom";

export default class Spinner extends LightningElement {
    @api size: SpinnerSize = "medium";
    @api variant: SpinnerVariant = "base";

    connectedCallback() {
        this.classList.add("spinner_container");
    }

    get containerClass(): string {
        return cx(
            "spinner",
            this.size && `spinner_${this.size}`,
            this.variant && this.variant !== "base" && `spinner_${this.variant}`
        );
    }
}