import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
export declare const MEDIA_UI_ELEMENT_TAG_NAME = "vds-media-ui";
/**
 * This is a general container to hold your UI components but it also enables you to show/hide
 * the player UI when media is not ready for playback by applying styles when the `hidden`
 * attribute is present. It also handles showing/hiding UI depending on whether native UI can't be
 * hidden (*cough* iOS).
 *
 * 💡 The styling is left to you, it will only apply the `hidden` attribute.
 *
 * @tagname vds-media-ui
 * @slot Used to pass in UI components.
 * @example
 * ```html
 * <vds-media-ui>
 *   <!-- ... -->
 * </vds-media-ui>
 * ```
 * @example
 * ```css
 * vds-media-ui {
 *   opacity: 1;
 *   transition: opacity 0.3s ease-out;
 * }
 *
 * vds-media-ui[hidden] {
 *   display: block;
 *   opacity: 0;
 * }
 * ```
 */
export declare class MediaUiElement extends LitElement {
    static get styles(): CSSResultGroup;
    static get parts(): string[];
    protected _mediaCanPlay: boolean;
    protected _mediaFullscreen: boolean;
    protected _mediaIsVideoView: boolean;
    protected _mediaPlaysinline: boolean;
    protected update(changedProperties: PropertyValues): void;
    protected render(): TemplateResult;
    protected _renderDefaultSlot(): TemplateResult;
    /**
     * Whether the UI should be hidden.
     */
    protected _isUiHidden(): boolean;
}