import { DayPicker } from "react-day-picker";
import React from "react";
import { calendarChevronOrientations } from "./calendar-constants";
/**
 * Props for the chevron navigation icon used by the calendar.
 *
 * This interface describes the optional styling and orientation for the
 * chevron icon rendered in the calendar navigation.
 */
export interface ChevronProps {
    /** Additional CSS classes applied to the chevron icon */
    className?: string;
    /** Orientation of the chevron arrow used for navigation */
    orientation?: CalendarChevronOrientation;
}
/**
 * Props for {@link Calendar}
 *
 * Extends [DayPicker](https:/react-day-picker.js.org/) props
 */
export type CalendarProps = React.ComponentProps<typeof DayPicker>;
type CalendarChevronOrientation = keyof typeof calendarChevronOrientations;
/**
 * Calendar component with customizable date selection and navigation
 *
 * @param props - {@link CalendarProps}
 *
 * Based on [DayPicker](https:/react-day-picker.js.org/)
 *
 * @example
 * ```tsx
    function MyComponent() {
        const [date, setDate] = useState<Date | undefined>(new Date());

        return <Calendar mode="single" selected={date} onSelect={setDate} initialFocus />;
    }
 * ```
 */
export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, formatters, components, }: CalendarProps): React.JSX.Element;
export {};
