import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '@mantine/core';
import { AnyDateValue, DateLabelFormat } from '../../types';
export type CurrentTimeIndicatorStylesNames = 'currentTimeIndicator' | 'currentTimeIndicatorLine' | 'currentTimeIndicatorThumb' | 'currentTimeIndicatorTimeBubble';
export type CurrentTimeIndicatorCssVariables = {
    currentTimeIndicator: '--indicator-color';
};
export interface CurrentTimeIndicatorProps extends BoxProps, StylesApiProps<CurrentTimeIndicatorFactory>, ElementProps<'div'> {
    __staticSelector?: string;
    /** Key of `theme.colors` or any valid CSS color value @default 'red' */
    color?: MantineColor;
    /** Offset from the left side */
    startOffset?: string;
    /** Offset from the right side */
    endOffset?: string;
    /** Extra configurable offset from the top */
    topOffset?: string;
    /** Offset for the time bubble */
    timeBubbleStartOffset?: string;
    /** If set, displays a bubble with the current time @default @true */
    withTimeBubble?: boolean;
    /** If set, displays thumb next to the line @default true */
    withThumb?: boolean;
    /** Format of the time displayed in the time bubble @default 'HH:mm' */
    currentTimeFormat?: DateLabelFormat;
    /** Locale passed down to dayjs during formatting */
    locale?: string;
    /** Start time of the day */
    startTime?: string;
    /** End time of the day */
    endTime?: string;
    /** Number of minutes per time slot. Used to align the indicator to whole slots when `endTime` does not divide evenly. */
    intervalMinutes?: number;
    /** A function to get the current time, called on every tick. Can be used to display the indicator in a different timezone. @default () => dayjs() */
    getCurrentTime?: () => AnyDateValue;
}
export type CurrentTimeIndicatorFactory = Factory<{
    props: CurrentTimeIndicatorProps;
    ref: HTMLDivElement;
    stylesNames: CurrentTimeIndicatorStylesNames;
    vars: CurrentTimeIndicatorCssVariables;
}>;
export declare const CurrentTimeIndicator: import("@mantine/core").MantineComponent<{
    props: CurrentTimeIndicatorProps;
    ref: HTMLDivElement;
    stylesNames: CurrentTimeIndicatorStylesNames;
    vars: CurrentTimeIndicatorCssVariables;
}>;