import React, { useEffect } from 'react';
import { Link } from 'react-router-dom';
import { useLocalStore } from '@components';
import pkg from '../../../package.json';

export const Home = () => {

  const { user } = useLocalStore();

  console.log('user: ', user);

  useEffect(() => {
    document.title = 'ShiftSync | Home';
  }, []);

  return (
    <div>
      <h1>Home Page</h1>
      <Link to="/settings">Go to Settings</Link>
      <p>Version: {pkg.version}</p>
    </div>
  );
};
