<script setup lang="ts">
import IconParkOutlineClearFormat from "~icons/icon-park-outline/clear-format";
import MaterialSymbolsAndroidContacts from "~icons/material-symbols/android-contacts";
</script>

<template>
  <IonPage>
    <IonHeader class="ion-no-border">
      <ion-toolbar class="ion-toolbar">
        <ion-button slot="start" fill="clear">
          <IconParkOutlineClearFormat slot="icon-only" />
        </ion-button>
        <ion-button slot="end" fill="clear">
          <MaterialSymbolsAndroidContacts slot="icon-only" />
        </ion-button>
        <ion-title>Chat</ion-title>
      </ion-toolbar>
    </IonHeader>
    <IonContent :fullscreen="true">
      <ion-searchbar placeholder="Search" />
    </IonContent>
  </IonPage>
</template>
