import * as React from 'react';

export interface ServerTime {
    setOffset: (v: number) => void;
    now: () => number;
}

const Context = React.createContext<ServerTime>(Object.seal({ setOffset: () => {}, now: Date.now }));

export const ServerTimeProvider = (props: React.PropsWithChildren<{}>) => {
    const [offset, setOffset] = React.useState(0);
    const value = React.useMemo(() => Object.seal({ setOffset, now: () => Date.now() + offset }), [offset, setOffset]);
    return <Context.Provider value={value}>{props.children}</Context.Provider>;
};

export function useServerTime() {
    return React.useContext(Context);
}