import { type StyledComponent } from '@emotion/styled'; import type { Theme } from '@emotion/react'; import type { DetailedHTMLProps, HTMLAttributes } from 'react'; export interface MentionItemStyleProps { height?: number; 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, HTMLDivElement>, {}>; export declare const AvatarStyle: StyledComponent<{ as?: React.ElementType; theme?: Theme; } & AvatarSectionStyleProps, DetailedHTMLProps, HTMLSpanElement>, {}>; export declare const NameSectionStyle: StyledComponent<{ as?: React.ElementType; theme?: Theme; } & NameSectionStyleProps, DetailedHTMLProps, HTMLDivElement>, {}>; export declare const FullNameStyle: StyledComponent<{ as?: React.ElementType; theme?: Theme; }, DetailedHTMLProps, HTMLSpanElement>, {}>; export declare const InfoSectionStyle: StyledComponent<{ as?: React.ElementType; theme?: Theme; } & InfoSectionStyleProps, DetailedHTMLProps, HTMLDivElement>, {}>; export declare const TimeStyle: StyledComponent<{ as?: React.ElementType; theme?: Theme; }, DetailedHTMLProps, HTMLDivElement>, {}>; export declare const MENTION_ITEM_HEIGHT = 48; export declare const MENTION_ITEM_HEIGHT_REFRESHED = 44; export declare const MentionItemStyle: StyledComponent<{ as?: React.ElementType; theme?: Theme; } & MentionItemStyleProps, DetailedHTMLProps, HTMLDivElement>, {}>; export declare const AccessSectionStyle: StyledComponent<{ as?: React.ElementType; theme?: Theme; }, DetailedHTMLProps, HTMLDivElement>, {}>;