import { type StyledComponent } from '@emotion/styled';
import type { Theme } from '@emotion/react';
import type { DetailedHTMLProps, HTMLAttributes } from 'react';
export interface MentionItemStyleProps {
    selected?: boolean;
}
export interface AvatarSectionStyleProps {
    restricted?: boolean;
}
export interface NameSectionStyleProps {
    restricted?: boolean;
}
export interface InfoSectionStyleProps {
    restricted?: boolean;
}
export declare const RowStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const AvatarStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
} & AvatarSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const NameSectionStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
} & NameSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const FullNameStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const InfoSectionStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
} & InfoSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const TimeStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const MENTION_ITEM_HEIGHT = 48;
export declare const MentionItemStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
} & MentionItemStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const AccessSectionStyle: StyledComponent<{
    as?: React.ElementType;
    theme?: Theme;
}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;