<template>
    <div class="additional-info-bar">
        <span>additional address information. coming soon</span>
    </div>
</template>

<script setup>
const props = defineProps({
    address: {
        type: Object,
        default: null
    }
})
</script>

<style lang="scss" scoped>
.additional-info-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 1rem;
    background: linear-gradient(135deg, var(--theme-gradient-start) 0%, var(--theme-gradient-end) 100%);
    color: #fff;
    border-bottom: 1px solid var(--theme-primary-strong);
    font-size: 0.75rem;
    font-weight: 500;
    min-height: 30px;
}
</style>