import React from "react";
import {
  IonContent,
  IonHeader,
  IonPage,
  IonTitle,
  IonToolbar,
} from "@ionic/react";

const Home: React.FC = () => (
  <IonPage>
    <IonHeader translucent className="home-header">
      <IonToolbar className="home-toolbar">
        <IonTitle>Home</IonTitle>
      </IonToolbar>
    </IonHeader>
    <IonContent fullscreen className="home-content">
      <div className="home-shell minimal-home-shell">
        <section className="minimal-welcome-card subtle-welcome-card">
          <h1>Welcome to your new app</h1>
          <p className="minimal-subtitle">
            Chat with the assistant to start adding features and pages
          </p>
        </section>
      </div>
    </IonContent>
  </IonPage>
);

export default Home;