import { type ReactNode } from 'react';
import { type DayPickerProps } from 'react-day-picker';
import { ButtonSize } from '../components/Button.js';
import { Color } from '../types.js';
export type CalendarSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
export type CalendarProps = DayPickerProps & {
    /** Sizing token. Drives day-cell size and font sizes. Default `'md'`. */
    size?: CalendarSize;
    /** Size of the nav buttons and caption dropdowns. Default `'sm'`. */
    controlSize?: ButtonSize;
    /** Accent color token. Sets the `cladd-color-{name}` class - drives selected fill, today, and focus ring. Default: theme accent. */
    color?: Color;
    /** Mark today's date with an accent ring and label. Default `true`. */
    showToday?: boolean;
    /** Custom content rendered above the calendar grid, inside the calendar container (mirrors `footer`). */
    header?: ReactNode;
    /** Extra classes for the `header` wrapper. */
    headerClassName?: string;
    /** Extra classes for the `footer` element. */
    footerClassName?: string;
};
export declare const Calendar: (props: CalendarProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Calendar.d.ts.map