<template>
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card mb-6">
            <div class="card-body">
                <div class="user-list-container">
                <ul class="timeline mb-1">
                <li class="timeline-item timeline-item-transparent">
                    <span class="timeline-point timeline-point-info"></span>
                    <div class="timeline-event">
                    <div class="timeline-header mb-2">
                        <h6 class="mb-0">투표 인원</h6>
                    </div>
                    <UserList @user-list-update="handleUserListUpdate" />

                    </div>
                </li>
                </ul>
            </div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { onMounted, ref } from "vue";
import UserList from "@c/user/UserList.vue";

const activeUsers = ref([]); // 활성화된 사용자 목록
const disabledUsers = ref([]); // 비활성화된 사용자 목록

// UserList에서 받은 데이터를 처리
const handleUserListUpdate = ({ activeUsers, disabledUsers }) => {
  activeUsers.value = activeUsers;
  disabledUsers.value = disabledUsers;
  console.log('활성화목록>>',activeUsers)
  console.log('비활성목록>>',disabledUsers)
};

</script>
