<template>
<footer>
    <div class="btn-container">
        <picture-cards :agentId="agentId"/>
    </div>
    
    <MessagePicUpload />
</footer>
</template>
<script setup>
import PictureCards from './PictureCards.vue'
import MessagePicUpload from './MessagePicUpload.vue'

const props = defineProps({
    agentId: String,
});
</script>

<style lang="scss" scoped>
.btn-container{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
</style>
