import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
import { ElementLogger } from '../../base/logger';
export declare const SCRIM_ELEMENT_TAG_NAME = "vds-scrim";
/**
 * A darkened overlay (gradient) that covers the video to enable controls placed on it to be more
 * visible. The gradient is a base64 pre-defined image for the best possible gradient transition.
 * One caveat is it has a fixed height of 258px. Change the background-image to your liking or use
 * CSS to override the `gradient` part.
 *
 * @tagname vds-scrim
 * @csspart gradient - The gradient element.
 * @slot - Used to pass content inside the gradient.
 */
export declare class ScrimElement extends LitElement {
    static get styles(): CSSResultGroup;
    protected readonly _logger: ElementLogger;
    /**
     * The direction of the gradient.
     */
    direction: 'up' | 'down';
    protected render(): TemplateResult;
    protected _renderGradientSlot(): TemplateResult;
}