<script setup lang="ts">

import {useUserStore} from "@/store";
import {storeToRefs} from "pinia";
import {computed} from "vue";
import PeopleTable from "@/pages/peopleManage/modules/peopleTable.vue";

const {theme} = storeToRefs(useUserStore());
const lightTheme = computed(() => theme.value === 'light');
</script>
<template>
    <div class="search content" :class="{'light-mode':lightTheme,'dark-mode':!lightTheme}">
        <div style="display: flex;justify-content: space-between;">
            <t-input placeholder="请输入书名" style="width: 800px"></t-input>
            <t-button>新增人员</t-button>
        </div>
        <people-table/>
    </div>
</template>

<style lang="less" scoped>
@import '@/index.less';

@basic-color: var(--basic-color);
.search {
    background-color: @basic-color;
}
</style>