<script setup lang="ts">
const store = useContactStore();

const { assets } = useAssets();

useRender((ctx) => {
  ctx.globalAlpha = store.isIntro
    ? store.intro.stage3Opacity
    : store.outro.stage2Opacity;

  // top bar
  ctx.drawImage(
    assets.contact.bottomScreen.topBar,
    0,
    store.isIntro ? store.intro.topBarY : 0,
  );

  // bottom bar
  ctx.drawImage(
    assets.contact.bottomScreen.bottomBar,
    0,
    store.isIntro ? store.intro.bottomBarY : SCREEN_HEIGHT - 24,
  );
});

defineOptions({
  render: () => null,
});
</script>
