import { default as React } from 'react';
import { SxProps } from '@mui/material';
import { IPlanTemplate } from '@abyss-project/main';
export type AbyssLayoutMenuElement = {
    text: string;
    icon?: React.ReactNode;
    img?: string;
    path?: string;
    href?: string;
    target?: string;
    onClick?: () => void;
    color?: string;
    sx?: SxProps;
};
export type AbyssLayoutMenuSection = {
    title?: string;
    elements: AbyssLayoutMenuElement[];
};
export type AbyssLayoutMenuUser = {
    id?: string;
    alias?: string | null;
    name?: string | null;
    email?: string | null;
    billingAccount?: {
        planTemplate?: IPlanTemplate;
    } | null;
    currentFamily?: {
        id: string;
        name: string;
        role: string;
        status: 'none' | 'pending' | 'active' | 'owner';
    } | null;
};
type Props = {
    user?: AbyssLayoutMenuUser | null;
    getProfilePictureUrl: (userId: string) => string;
    onLogout: () => void;
    content?: AbyssLayoutMenuSection[];
    themeToggle?: React.ReactNode;
    abyssUrl?: string;
};
declare const AbyssLayoutMenu: React.FC<Props>;
export default AbyssLayoutMenu;