<script setup lang="ts">
import { computed } from 'vue'
import HtFeeMethodGrid from '@/components/shared/HtFeeMethodGrid.vue'
import { reserveList } from '@/sql'

const props = defineProps<{
  contractId: string
  contractName?: string
}>()

const STORAGE_KEY = computed(() => `htExtraFee-${props.contractId}-reserve`)
const reserveFeeNames = computed(() =>
  reserveList.map(item => ({name:item.name,id:item.id}))
)
</script>

<template>
  <HtFeeMethodGrid
    title="预备费"
    :storageKey="STORAGE_KEY"
    :contract-id="props.contractId"
    :contract-name="props.contractName"
    :fixed-names="reserveFeeNames"
  />
</template>
