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

const { brokerFee, scc } = storeToRefs(useMarketTaxStore());

</script>

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

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