import {
  IonContent,
  IonHeader,
  IonPage,
  IonTitle,
  IonToolbar,
} from "@ionic/react";
import ExploreContainer from "../components/ExploreContainer";
import "./home.css";
import "../components/ListComponent";
import ListComponent from "../components/ListComponent";

const Tab2: React.FC = () => {
  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>Renacer Social</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent>
        <IonHeader collapse="condense">
          <IonToolbar>
            <IonTitle size="large">Renacer Social</IonTitle>
          </IonToolbar>
        </IonHeader>
        <div className="ion-padding">
          <h5>Bienvenidos</h5>
          <p>
            Somos una organización Lorem Ipsum is simply dummy text of the
            printing and typesetting industry. Lorem Ipsum.
          </p>
        </div>

        <ListComponent laws={["eliam", "Sergio"]} title="Articulos Recientes" />
      </IonContent>
    </IonPage>
  );
};

export default Tab2;
