PaymentControl.vue

<template>
    <div>
        <div class="p-2 rounded border shadow mb-2">
            <CheckBoxGroup :options="invoices"/>
        </div>
        <TextInput type="text" name="amount" label="Amount" id="amount" placeholder="Enter amount" value="" :error="error" />

    </div>
</template>

<script>
    import TextInput from "./TextInput";
    import CheckBoxGroup from "./CheckBoxGroup";

    export default {
        components: {TextInput, CheckBoxGroup},
        name: "PaymentControl",
        props: ['invoices', 'error'],

    }
</script>

<style scoped>

</style>