import { writable } from 'svelte/store';
import type { Writable } from 'svelte/store';
import type { IBanner } from "$type/banner";
import { defaultBrokerageCalculatorValues, type IBrokerageCalculator } from "$type/brokerageCalculator";
import type { IInvestmentCalculator } from '$type/investmentCalculator';
import { defaultInvestmentCalculatorValues } from '$type/investmentCalculator';

export const loadEvent: Writable<boolean> = writable(true);
export const menuMobile: Writable<boolean> = writable(false);
export const popupForm: Writable<boolean> = writable(false);
export const blogAnchors: Writable<boolean> = writable(false);
export const cookieAccept: Writable<boolean> = writable(true);
export const isMobile: Writable<boolean> = writable(false);
export const isTable: Writable<boolean> = writable(false);
export const isRecaptchaLoading: Writable<boolean> = writable(false);
export const idVideoActive: Writable<string | null> = writable(null);
export const postActiveAnchor: Writable<number | null> = writable(null);
export const glossaryAnchor: Writable<string | null> = writable(null);
export const glossarySearchWord: Writable<string | null> = writable(null);
export const isFillingForm: Writable<boolean> = writable(false);
export const banner: Writable<IBanner | undefined> = writable(undefined);
export const isNewHeader: Writable<boolean> = writable(false);
export const brokerageCalculator: Writable<IBrokerageCalculator> = writable(defaultBrokerageCalculatorValues);
export const investmentCalculator: Writable<IInvestmentCalculator> = writable(defaultInvestmentCalculatorValues);