import { Prop } from "@stencil/core";
import { messages} from '../../globals/locale/account-request/messagesLocalization';

export class BaseComponent {
    readonly defaultLocale = 'en';
    langStrings: string[];
    @Prop() locale = this.defaultLocale;

    componentWillLoad(): void {
        this.loadMessages();
    }

    private loadMessages():void {
        const allLocales = Object.keys(messages);
        let locale = this.locale;
        if (!allLocales.includes(this.locale)) {
            console.warn(`${this.locale} is not supported. Will default to ${this.defaultLocale}`);
            locale = this.defaultLocale;
        }
        this.langStrings = messages[locale];
    }
}