import * as React from 'react';

import { useObservableState } from 'observable-hooks';

import { useAppState } from '../../../contexts/app-state';

/**
 *
 */
const useBaseTaxLocation = () => {
	const { store } = useAppState();
	const storeCity = useObservableState(store.store_city$, store?.store_city);
	const storeCountry = useObservableState(store.default_country$, store?.default_country);
	const storePostcode = useObservableState(store.store_postcode$, store?.store_postcode);
	const [country, state] = (storeCountry || '').split(':');

	return React.useMemo(
		() => ({
			city: storeCity,
			country,
			state,
			postcode: storePostcode,
		}),
		[country, state, storeCity, storePostcode]
	);
};

export default useBaseTaxLocation;