import {StatusBarStyle} from "react-native";
import {reduxTools} from '@yoronsoft/js-utils'
import emitter from "../emitter";
import {IHeader} from "./header";
import {getConfigName} from "../config";


/**
 * header bar
 */
const appHeaderBar = `${getConfigName}_header_bar`;
/**
 * header bar default
 */
const appHeaderBarDefault = `${getConfigName}_header_barDefault`;


const header: IHeader = {
    barStyle: {
        default: "default",
        black: "dark-content",
        white: "light-content"
    },
    setBar: function (barStyle: StatusBarStyle): void {
        reduxTools.update(appHeaderBar, barStyle);
        emitter.set(appHeaderBar, barStyle);
    },
    getBar: function () {
        return reduxTools.get(appHeaderBar);
    },
    getDefaultBar: function () {
        return reduxTools.get(appHeaderBarDefault);
    },
    initBar: function (barStyle: StatusBarStyle, defaultBar?: StatusBarStyle): void {
        reduxTools.create(appHeaderBar, barStyle ?? this.barStyle.default);
        reduxTools.create(appHeaderBarDefault, defaultBar ?? barStyle ?? this.barStyle.default);
    },
}

export default header
export {
    appHeaderBar,
}