import { SvgIconProps } from '@mui/material';
import { default as React } from 'react';
import { UserMetadata } from '../../../@types';
interface StatusMenuItemProps {
    icon?: React.FC<SvgIconProps>;
    selected?: boolean;
    onClick: (e: React.MouseEvent<HTMLElement>) => void;
    children: React.ReactNode;
}
export default function StatusMenuItem({ icon, selected, onClick, children, }: StatusMenuItemProps): import("react/jsx-runtime").JSX.Element;
export declare const StyledMenu: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
export interface StatusItem {
    id: string;
    name: string;
    icon?: React.FC<SvgIconProps>;
    duration?: string;
    durationName?: string;
    children?: Array<StatusItem>;
}
export interface BaseStatusProps {
    selected: UserMetadata['status'];
    onSelect: (v: UserMetadata['status']) => void;
}
export {};