import { LitElement } from 'lit';
import '../icon-button/icon-button.js';
/**
 * `<obc-clock>` – A digital clock component for displaying the current time, with optional date display and responsive blink-only mode.
 *
 * Renders a digital clock showing hours and minutes in a prominent style. Optionally, the current date can be shown below the time. The component supports a "blink-only" mode for responsive layouts, where only the blinking colon (:) is shown at certain breakpoints to save space.
 *
 * ---
 *
 * ### Features
 * - **Digital Time Display:** Shows the current time in HH:MM format with a blinking colon separator.
 * - **Optional Date:** Can display the current date (day and abbreviated month) below the time.
 * - **Responsive Blink-Only Mode:** At or below a configurable pixel width, the full time is hidden and only the blinking colon is shown.
 * - **Customizable Breakpoint:** The `blinkOnlyBreakpointPx` property allows developers to set the screen width at which the component switches to blink-only mode.
 *
 * ---
 *
 * ### Usage Guidelines
 * Use `obc-clock` to display the current time (and optionally the date) in a compact, visually prominent format. It is suitable for dashboards, toolbars, or any UI where a live clock is needed. The blink-only mode is ideal for conserving space on smaller screens or in minimized layouts.
 *
 * **TODO(designer):** Confirm if the clock should update live (tick every minute), or if it is intended for static display of a given time string only.
 *
 * ---
 *
 * ### Properties
 * - `date` (string): The ISO date/time string to display. Defaults to `'2021-01-01T11:11:11.111Z'`. Controls both the time and date shown.
 * - `showDate` (boolean): If true, displays the date below the time. Defaults to `false`.
 * - `blinkOnlyBreakpointPx` (number): The pixel width at which the component switches to blink-only mode. Defaults to `0` (never switches).
 *
 * ---
 *
 * ### Example
 * ```html
 * <obc-clock date="2024-06-01T14:32:00Z" showDate></obc-clock>
 * ```
 * This example displays the time "14:32" and the date "1. Jun".
 *
 * ---
 *
 * @slot - (No named slots) – All content is rendered by the component; no slots are used.
 */
export declare class ObcClock extends LitElement {
    /**
     * The ISO date/time string to display in the clock.
     * Controls both the time (HH:MM) and the date (if `showDate` is true).
     */
    date: string;
    showSeconds: boolean;
    /**
     * If true, displays the date (day and abbreviated month) after the time.
     * Defaults to `false`.
     */
    showDate: boolean;
    /**
     * If true, displays the timezone after the time.
     * Defaults to `false`.
     */
    showTimezone: boolean;
    /**
     * Timezone offset in hours, from UTC.
     * Defaults to `0`.
     */
    timeZoneOffsetHours: number;
    isClickable: boolean;
    showYear: boolean;
    showWeekday: boolean;
    locale: string;
    hour12: boolean;
    selected: boolean;
    double: boolean;
    /**
     * If true, the clock as a button is activated. For example, when the calendar is open, the clock is activated.
     */
    activated: boolean;
    integrationBarMode: boolean;
    /**
     * The pixel width at which the component switches to blink-only mode.
     * When the viewport width is less than or equal to this value, only the blinking colon is shown.
     * Defaults to `0` (never switches to blink-only).
     */
    blinkOnlyBreakpointPx: number;
    private get timezoneString();
    private _dateString;
    private _ampm;
    render(): import('lit-html').TemplateResult;
    static styles: import('lit').CSSResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'obc-clock': ObcClock;
    }
}
//# sourceMappingURL=clock.d.ts.map