import * as React from 'react';
import { ReactElement } from 'react';
import { DayPicker, DayButton } from 'react-day-picker';
import { Button } from './button.js';
import 'class-variance-authority/types';
import 'class-variance-authority';

/**
 * Calendar — shadcn/WealthX
 * Base: npx shadcn\@latest add calendar (latest)
 * Figma: Design-System---shadcn?node-id=72-2720
 *
 * WealthX:
 * - font-sans for consistent Figtree typography
 * - border + shadow-sm on root (square corners — no border radius)
 * - captionLayout defaults to "dropdown" (Figma shows month/year dropdown pills)
 */
type CalendarProps = React.ComponentProps<typeof DayPicker> & {
    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
};
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): ReactElement;
type CalendarDayButtonProps = React.ComponentProps<typeof DayButton>;
declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): ReactElement;

export { Calendar, CalendarDayButton, type CalendarDayButtonProps, type CalendarProps };