<template>
    <div
        id="deductibleBox"
        class="deductible-box d-flex justify-content-between align-items-center py-2">
        <p
            id="deductibleLabel"
            class="deductible-box__text">
            Deductible
        </p>
        <p
            id="deductibleValue"
            class="deductible-box__text">
            {{ value }}
        </p>
    </div>
</template>

<script>

export default {
    name: 'deductible-box',
    props: {
        value: String
    }
};

</script>

<style lang="scss" scoped>
.deductible-box {
    background-color: $green;
}

.deductible-box__text {
    color: white;
    font-weight: 500;
    margin: 0;
}
</style>
