import { CSSProperties } from 'vue';

export type NavPositionType = 'left' | 'center' | 'right';
export type NavType = 'BASIC' | 'CUSTOM';
export interface MenuDataType {
    id: string;
    menuName: string;
    menuIcon?: {
        type: 'ICON' | 'IMAGE';
        icon: string;
    };
    fid?: string;
    menuUrl?: string;
    auth?: string[];
    isRoute?: boolean;
    icon?: string;
    isHide?: boolean;
    children?: MenuDataType[];
}
export interface NavigationProps {
    currentPath: string;
    menuData: MenuDataType[];
    topNavPosition?: NavPositionType;
    sideWidth?: number;
    systemName?: string;
    showFoldIcon?: boolean;
    haderStyle?: CSSProperties;
    userInfo?: {
        userName?: string;
        [propsName: string]: any;
    };
    router?: any;
    type?: NavType;
}
export interface MenuSideProps {
    type?: NavType;
    menuData: MenuDataType[];
    activeKey?: string;
    width?: number;
    isExpand?: boolean;
    showFold?: boolean;
}