<script setup>
import { NLayout, NH1, NLayoutSider, NFlex, NButton, NConfigProvider, ruRU, dateRuRU } from "naive-ui";
import SideMenu from "./Components/SideMenu.vue";
import { generate } from '@arco-design/color'

const colors = generate('#EC6608', {
    list: true,
})
const themeOverrides = {
    common: {
        primaryColor: colors[5],
        primaryColorHover: colors[4],
        primaryColorSuppl: colors[4],
        primaryColorPressed: colors[6],
    }
}
</script>

<template>
    <NConfigProvider :theme-overrides="themeOverrides" :locale="ruRU" :date-locale="dateRuRU">
        <NLayout class="h-screen">
            <NLayout position="absolute" has-sider>
                <NLayoutSider
                    :native-scrollbar="false"
                    bordered
                >
                    <SideMenu />
                </NLayoutSider>
                <NLayout content-class="p-6 relative" :native-scrollbar="false">
                    <div>
                        <slot name="header" />
                    </div>
                    <slot />
                </NLayout>
            </NLayout>
        </NLayout>
    </NConfigProvider>
</template>

<style scoped>

</style>
