import React from 'react';

// receive setActiveTab to change page
function Home({ setActiveTab }) {
  return (
    <main id="page-a" className="page">
      <h1>FocusGuard</h1>
      <p>Your productivity monitor assistant.</p>

      {/* click button change to 'focus' page */}
      <button
        id="start-button"
        className="btn-main"
        onClick={() => setActiveTab('focus')}
      >
        Start
      </button>
    </main>
  );
}

export default Home;