import type { MiniPlayerConfig } from '../types';
export declare class MiniPlayer {
    private config;
    private container;
    private closeBtn;
    private spacer;
    private observer;
    private onScrollBack;
    private wasEverInView;
    private isMini;
    private savedStyles;
    private readonly styleKeys;
    constructor(container: HTMLElement, config: MiniPlayerConfig);
    initialize(onScrollBack: () => void): void;
    private attach;
    private handleContainerClick;
    private detach;
    destroy(): void;
}
export declare const miniPlayerStyles = "\n  .video-player-container.vp-mini-active {\n    cursor: pointer;\n  }\n\n  .vp-mini-controls {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 6px;\n    display: flex;\n    gap: 4px;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.65), transparent);\n    opacity: 0;\n    transition: opacity 0.2s;\n    z-index: 100;\n    pointer-events: auto;\n  }\n\n  .video-player-container.vp-mini-active:hover .vp-mini-controls {\n    opacity: 1;\n  }\n\n  .vp-mini-close {\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: rgba(0,0,0,0.65);\n    color: #fff;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 4px;\n    line-height: 1;\n  }\n\n  .vp-mini-close svg {\n    width: 16px;\n    height: 16px;\n    pointer-events: none;\n  }\n\n  /* Mini player \u2014 keep only play/pause, mute, fullscreen */\n  .video-player-container.vp-mini-active .vp-controls {\n    padding: 0 6px 6px;\n    gap: 2px;\n  }\n\n  .video-player-container.vp-mini-active .vp-progress-container {\n    padding: 6px 0 2px;\n  }\n\n  .video-player-container.vp-mini-active .vp-btn-rewind,\n  .video-player-container.vp-mini-active .vp-btn-forward,\n  .video-player-container.vp-mini-active .vp-volume-slider-wrapper,\n  .video-player-container.vp-mini-active .vp-time,\n  .video-player-container.vp-mini-active .vp-btn-pip,\n  .video-player-container.vp-mini-active .vp-btn-prev,\n  .video-player-container.vp-mini-active .vp-btn-next,\n  .video-player-container.vp-mini-active .vp-live-badge,\n  .video-player-container.vp-mini-active .vp-dropdown-wrapper[data-dropdown=\"chapters\"],\n  .video-player-container.vp-mini-active .vp-dropdown-wrapper[data-dropdown=\"subtitles\"],\n  .video-player-container.vp-mini-active .vp-dropdown-wrapper[data-dropdown=\"speed\"],\n  .video-player-container.vp-mini-active .vp-dropdown-wrapper[data-dropdown=\"quality\"] {\n    display: none !important;\n  }\n\n  .video-player-container.vp-mini-active .vp-speed-label,\n  .video-player-container.vp-mini-active .vp-quality-label {\n    display: none;\n  }\n\n  .video-player-container.vp-mini-active .vp-control-btn {\n    padding: 5px;\n  }\n\n  .video-player-container.vp-mini-active .vp-btn-play .vp-btn-inner svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .video-player-container.vp-mini-active .vp-gradient-bottom {\n    height: 100px;\n  }\n";