import { default as CxTypography } from '../typography/typography.ts';
import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { TypographyVariant } from '../../../../types/src/typography';
import { TimecodeMode } from '../../../../types/src/video-editor';
import { CSSResultGroup, nothing } from 'lit';

/**
 * @summary CxTimecode is a component that displays a timecode.
 */
export default class CxTimecode extends CortexElement {
    static readonly styles: CSSResultGroup;
    static readonly dependencies: {
        'cx-typography': typeof CxTypography;
    };
    /**
     * The time values for the time based feature.
     */
    time: number[];
    /**
     * The timecode mode for the time based feature.
     */
    timecodeMode: TimecodeMode;
    /**
     * The frame rate for the time based feature.
     */
    frameRate: number;
    /**
     * When true, applies the preview background and padding styles.
     */
    isPreview: boolean;
    /**
     * The typography variant for the timecode.
     */
    typographyVariant: TypographyVariant;
    timeString: string;
    handleTimeChange(): void;
    render(): import('lit').TemplateResult<1> | typeof nothing;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-timecode': CxTimecode;
    }
}
