<template>
    <div class="ps-2">
        <span class="d-flex align-items-center g-2 font_767"><i class="bx bx-map pe-1"></i>{{ place }}</span>
        <span class="d-flex align-items-center g-2 font_767"
            ><i class="bx bx-time-five pe-1"></i>{{ $common.dateFormatter(time, 'T') }}</span
        >
    </div>
</template>

<script>
    export default {
        props: {
            place: {
                type: String,
                required: true,
            },
            time: {
                type: String,
                required: true,
            },
        },
    };
</script>
<style>
    @media (max-width: 767px) {
        .font_767 {
            font-size: 2rem;
        }
    }
</style>
