import { FC } from 'react';
import { IMedia } from '../../types';
export interface ThumbnailPillsProps {
    post: IMedia;
    /** Whether to show the mute/unmute button (only meaningful when a video is playing) */
    showMute: boolean;
    isMuted: boolean;
    onMuteToggle: () => void;
    /** Whether to show the username pill */
    showUsername: boolean;
    /** Whether to show the attribution logo */
    showAttribution: boolean;
    isMobile: boolean;
    /**
     * When true the username text is hidden and only the social-network icon is shown.
     * Defaults to false.
     */
    hideUsername?: boolean;
    /**
     * Adds `${classPrefix}-thumbnail-pill` to the mute button for public BEM targeting.
     * Omit when rendering in a portal clone (no classPrefix needed there).
     */
    classPrefix?: string;
    /**
     * When false the username starts fully visible (no opacity transition).
     * Defaults to true — username starts at opacity 0 and fades in on hover.
     */
    showUsernameTransition?: boolean;
}
/**
 * Overlay pills rendered on top of a thumbnail (or its portal clone):
 *   • Mute/Unmute button  – top-left  (video only)
 *   • Username pill       – top-right (revealed on hover via parent CSS)
 *   • Attribution logo    – bottom-left
 *
 * The parent container must be `position: relative/absolute/fixed` and carry
 * the `&:hover .username { opacity: 1 }` rule (use `thumbnailPillsHoverClass`).
 */
declare const ThumbnailPills: FC<ThumbnailPillsProps>;
/**
 * Apply this class to the container that wraps ThumbnailPills to enable the
 * username hover reveal.  The `.username` selector is the stable hook used
 * across Thumbnail and its portal clone.
 */
export declare const thumbnailPillsHoverClass: string;
export default ThumbnailPills;