<script lang='ts' setup>
import { client, safeClient } from "@/api";

const props = defineProps<{
  id: string;
}>();

const { data } = safeClient(client.api.rwa.subscription.available_editions({ editionId: props.id }).get());
</script>

<template>
  <ion-page>
    <ion-header>
      <ion-toolbar class="ion-toolbar">
        <ui-back-button slot="start" />
        <ion-title>
          {{ data?.product.code }}
        </ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content :fullscreen="true" class="ion-padding">
      <RouterView :data="data" />
    </ion-content>
  </ion-page>
</template>

<style scoped></style>
