import React from 'react';
import { DayCellData, CalendarOptions } from '@fullcalendar/react';

declare const outlineWidthClass = "outline-3";
declare const outlineWidthFocusClass = "focus-visible:outline-3";
declare const outlineWidthGroupFocusClass = "group-focus-visible:outline-3";
declare const outlineOffsetClass = "outline-offset-1";
declare const outlineInsetClass = "-outline-offset-3";
declare const tertiaryOutlineColorClass = "outline-[rgba(var(--mui-palette-secondary-mainChannel)_/_0.5)]";
declare const strongSolidPressableClass = "bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_16%,var(--mui-palette-background-paper))] hover:bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_20%,var(--mui-palette-background-paper))] active:bg-[color-mix(in_oklab,var(--mui-palette-text-primary)_25%,var(--mui-palette-background-paper))]";
declare const mutedBgClass = "bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)]";
declare const mutedHoverPressableClass = "hover:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)] focus-visible:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.16)] active:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.16)]";
declare const faintBgClass = "bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.04)]";
declare const faintHoverPressableClass = "hover:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.04)] focus-visible:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.04)] active:bg-[rgba(var(--mui-palette-text-primaryChannel)_/_0.08)]";
declare const faintSolidBgClass = "[background:linear-gradient(rgba(var(--mui-palette-text-primaryChannel)_/_0.04),rgba(var(--mui-palette-text-primaryChannel)_/_0.04))_var(--mui-palette-background-paper)]";
declare const tertiaryClass = "bg-(--mui-palette-secondary-main) text-(--mui-palette-secondary-contrastText)";
declare const tertiaryPressableClass = "bg-(--mui-palette-secondary-main) text-(--mui-palette-secondary-contrastText) hover:bg-[rgba(var(--mui-palette-secondary-mainChannel)_/_0.9)] active:bg-[rgba(var(--mui-palette-secondary-mainChannel)_/_0.8)]";
declare const tertiaryPressableGroupClass = "bg-(--mui-palette-secondary-main) text-(--mui-palette-secondary-contrastText) group-hover:bg-[rgba(var(--mui-palette-secondary-mainChannel)_/_0.9)] group-active:bg-[rgba(var(--mui-palette-secondary-mainChannel)_/_0.8)]";
declare const rowPointerResizerClass = "absolute hidden group-hover:block inset-y-0 w-2";
declare const rowTouchResizerClass = "absolute size-2 border border-(--fc-event-color) bg-(--mui-palette-background-paper) rounded-full top-1/2 -mt-1";
declare const tallDayCellBottomClass = "min-h-3";
declare const getShortDayCellBottomClass: (data: DayCellData) => string;
declare const dayRowCommonClasses: CalendarOptions;
interface EventCalendarViewsProps extends CalendarOptions {
    liquidHeight?: boolean;
}
declare function EventCalendarViews({ className, liquidHeight, height, views: userViews, ...restOptions }: EventCalendarViewsProps): React.JSX.Element;

export { EventCalendarViewsProps, dayRowCommonClasses, EventCalendarViews as default, faintBgClass, faintHoverPressableClass, faintSolidBgClass, getShortDayCellBottomClass, mutedBgClass, mutedHoverPressableClass, outlineInsetClass, outlineOffsetClass, outlineWidthClass, outlineWidthFocusClass, outlineWidthGroupFocusClass, rowPointerResizerClass, rowTouchResizerClass, strongSolidPressableClass, tallDayCellBottomClass, tertiaryClass, tertiaryOutlineColorClass, tertiaryPressableClass, tertiaryPressableGroupClass };