<script setup lang="ts">
import { $t } from '@/locales';

defineOptions({ name: 'LookForward' });

interface Props {
  title?: string;
  subtitle?: string;
}

defineProps<Props>();
</script>

<template>
  <div class="size-full min-h-520px flex-col-center gap-24px overflow-hidden">
    <div class="flex text-400px text-primary">
      <SvgIcon local-icon="expectation" />
    </div>
    <slot>
      <h3 class="text-28px text-primary font-500">{{ title ?? $t('common.lookForward') }}</h3>
    </slot>
    <slot name="subtitle">
      <p v-if="subtitle" class="text-14px text-base-text op-65">{{ subtitle }}</p>
    </slot>
  </div>
</template>

<style scoped></style>
