<script setup lang="ts">
import type { SideblockItem } from '/@src/components/layouts/sideblock/sideblock.types'

const links = ref<SideblockItem[]>([
  {
    id: 'contract',
    type: 'link',
    to: '/sidebar/layouts/contract-list',
    label: '가격조사',
    icon: 'lucide:file-pen-line',
  },
  {
    id: 'bid',
    type: 'link',
    to: '/sidebar/layouts/est-list',
    label: '신청내역',
    icon: 'lucide:badge-dollar-sign',
  },
])
</script>

<template>
  <SideblockLayout :links class="my-layout">
    <!-- Propagating the context to the default slot -->
    <template #default="context">
      <slot v-bind="context" />
    </template>

    <template #logo>
      <RouterLink to="/">
        <AnimatedLogo width="36px" />
      </RouterLink>

<!--      <h3 class="is-hidden-mobile ml-2">-->
<!--        소액계약관리-->
<!--      </h3>-->
    </template>

    <template #toolbar>
      <ToolbarThemeToggle />
    </template>

    <template #toolbar-mobile>
      <ToolbarUserProfile />
    </template>

    <template #sideblock-end>
      <ToolbarUserProfile end />
    </template>

    <template #extra>
      <ClientOnly>
        <VReloadPrompt app-name="소액계약관리" />
      </ClientOnly>
    </template>
  </SideblockLayout>
</template>
