<script setup lang="ts">
const { slug } = defineProps<{ slug: string }>();
</script>
<template>
  <div
    class="bg-surface-background border-surface-border mx-auto w-full rounded-[12px] border p-8"
  >
    <div class="mb-8 flex flex-col items-center justify-center gap-2">
      <SvgJobIcon class="h-[56px] w-[56px]" />
      <h2 class="dark-text-gradient text-2xl">{{ $t("joinUs.title") }}</h2>
    </div>
    <JoinUsForm :slug="slug" />
  </div>
</template>
<style scoped></style>
