<script setup lang="ts">
import {useMarketTaxStore} from "./tax";

const marketTaxStore = useMarketTaxStore();

</script>

<template>
    <div class="end">
        <span>Broker Fee: </span>
        <input type="number" min="1" max="3" step="0.01" v-model="marketTaxStore.brokerFee" />
    </div>
    <div class="end">
        <span>SCC: </span>
        <input type="number" min="3.6" max="8" step="0.01" v-model="marketTaxStore.scc" >
    </div>
</template>

<style scoped>
@reference "@/style.css";
div.end {
    @apply justify-self-end ms-2;
}
</style>