<script lang='ts' setup>
import { chatbubbleOutline } from "ionicons/icons";

const { t } = useI18n();

function gotoServices() {
  window.open("https://chat.riwsan.com", "_blank");
}
</script>

<template>
  <div>
    <ion-label class="text-md font-semibold">
      {{ t('services.title') }}
    </ion-label>
    <div class="grid grid-cols-4 mt-5">
      <div class="col-span-1 flex-col-center gap-2" @click="gotoServices">
        <ion-icon :icon="chatbubbleOutline" class="text-2xl" />
        <div class="text-xs">
          {{ t('services.myServices') }}
        </div>
      </div>
    </div>
  </div>
</template>

<style lang='css' scoped></style>
