import React from 'react'; import { DayHeaderData, 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 primaryOutlineColorClass = "outline-(--mui-palette-primary-main)"; 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 primaryClass = "bg-(--mui-palette-primary-main) text-(--mui-palette-primary-contrastText)"; declare const primaryPressableClass = "bg-(--mui-palette-primary-main) text-(--mui-palette-primary-contrastText) hover:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.9)] active:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.8)]"; declare const primaryPressableGroupClass = "bg-(--mui-palette-primary-main) text-(--mui-palette-primary-contrastText) group-hover:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.9)] group-active:bg-[rgba(var(--mui-palette-primary-mainChannel)_/_0.8)]"; declare const eventMutedFgClass = "text-[color-mix(in_oklab,var(--fc-event-color)_50%,var(--mui-palette-text-primary))]"; declare const eventFaintBgClass = "bg-[color-mix(in_oklab,var(--fc-event-color)_20%,var(--mui-palette-background-paper))]"; declare const eventFaintPressableClass: string; 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 getNormalDayHeaderBorderClass: (data: DayHeaderData) => string; declare const getMutedDayHeaderBorderClass: (data: DayHeaderData) => string; declare const getNormalDayCellBorderColorClass: (data: DayCellData) => "border-[rgba(var(--mui-palette-text-primaryChannel)_/_0.2)]" | "border-(--mui-palette-divider)"; declare const getMutedDayCellBorderColorClass: (data: DayCellData) => "border-[rgba(var(--mui-palette-text-primaryChannel)_/_0.2)]" | "border-(--mui-palette-divider)"; 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, eventFaintBgClass, eventFaintPressableClass, eventMutedFgClass, faintBgClass, getMutedDayCellBorderColorClass, getMutedDayHeaderBorderClass, getNormalDayCellBorderColorClass, getNormalDayHeaderBorderClass, getShortDayCellBottomClass, mutedBgClass, mutedHoverPressableClass, outlineOffsetClass, outlineWidthClass, outlineWidthFocusClass, outlineWidthGroupFocusClass, primaryClass, primaryOutlineColorClass, primaryPressableClass, primaryPressableGroupClass, rowPointerResizerClass, rowTouchResizerClass, strongSolidPressableClass, tallDayCellBottomClass };