import dayjs from "dayjs";
import { WeeklyCalendarRenderColumnProps } from "./WeeklyCalendarColumn";
/***
 * T以外のプロパティは互換性及びWeeklyCalendarColumnで利用する際に冗長なpropsの受け渡しを防ぐためにOptionalにしている。
 */
export type WeeklyCalendarRenderCellProps<T> = {
    date?: Date;
    dateStr?: string;
    isToday?: boolean;
    index?: number;
} & T;
/**
 * @deprecated use WeeklyCalendarRenderCellProps instead.
 */
export type WeeklyCalendarRenderCell<T> = (props: WeeklyCalendarRenderCellProps<T>) => React.JSX.Element;
export interface WeeklyCalendarRenderDateProps {
    date: Date;
    isToday: boolean;
}
export interface WeeklyCalendarProps<T> {
    /**
     * 各日付毎に入れるデータを指定する。
     * 日付を表すYYYYMMDDフォーマットのキーに対して、オブジェクトの配列を渡す。このオブジェクトはrenderCellに引数として渡る。
     */
    dates?: Record<string, T[]>;
    /**
     * datesで使用されたオブジェクトを引数として受け取り、どのように表示するかJSXで記述する。
     */
    renderCell: (props: WeeklyCalendarRenderCellProps<T>) => React.JSX.Element;
    /**
     * 最初に表示する日付を指定する。
     */
    date?: dayjs.Dayjs;
    /**
     * 列の表示部分を別のコンポーネントに切り替えられます。
     * childrenからは各セルが配列で渡されます。
     */
    renderColumn?: (props: WeeklyCalendarRenderColumnProps<T>) => React.JSX.Element;
    /**
     * 日付の表示部分を別のコンポーネントに切り替えられます。
     */
    renderDate?: (props: WeeklyCalendarRenderDateProps) => React.JSX.Element;
    /**
     * カラムの高さを指定する。
     * @default "auto"
     */
    columnHeight?: number | string | "auto";
}
export declare const WeeklyCalendar: <T>({ date, dates, renderCell: RenderCell, renderDate: RenderDate, renderColumn: RenderColumn, columnHeight, }: WeeklyCalendarProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;