import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
import { ElementLogger } from '../../base/logger';
export declare const TIME_ELEMENT_TAG_NAME = "vds-time";
/**
 * Formats and displays a length of time given in `seconds`.
 *
 * @tagname vds-time
 * @csspart root - The component's root element (`<time>`).
 * @example
 * ```html
 * <vds-time seconds="50"></vds-time>
 * ```
 * @example
 * ```html
 * <vds-time
 *   label="Current time"
 *   seconds="3650"
 *   pad-hours
 *   always-show-hours
 * ></vds-time>
 * ```
 * @example
 * ```css
 * vds-time::part(root) {
 *   font-size: 16px;
 * }
 * ```
 */
export declare class TimeElement extends LitElement {
    static get styles(): CSSResultGroup;
    static get parts(): string[];
    protected readonly _logger: ElementLogger;
    /**
     * ♿ **ARIA:** The `aria-label` property of the time.
     */
    label: string | undefined;
    /**
     * The length of time in seconds.
     */
    seconds: number;
    /**
     * Whether the time should always show the hours unit, even if the time is less than
     * 1 hour.
     *
     * @example `20:30` -> `0:20:35`
     */
    alwaysShowHours: boolean;
    /**
     * Whether the hours unit should be padded with zeroes to a length of 2.
     *
     * @example `1:20:03` -> `01:20:03`
     */
    padHours: boolean;
    protected readonly _rootRef: import("lit-html/directives/ref").Ref<HTMLTimeElement>;
    /**
     * The component's root element.
     */
    get rootElement(): HTMLTimeElement | undefined;
    protected render(): TemplateResult;
    protected _renderRootChildren(): TemplateResult;
    /**
     * @returns The seconds formatted into human readable form.
     */
    protected _getFormattedTime(): string;
    /**
     * @returns A valid HTML5 duration.
     * @see https://www.w3.org/TR/2014/REC-html5-20141028/infrastructure.html#valid-duration-string
     */
    protected _getFormattedDuration(): string;
}