export interface ModeType {
	mode: 'day' | 'week' | 'month' | 'agenda'
}

export enum DAY_MODE {
	REGULAR = 'regular',
	SHORTENED = 'shortened',
	FLEXIBLE = 'flexible',
}

export enum DAY_TIME_POINT {
	MIDNIGHT = 0,
	ONE_AM = 100,
	TWO_AM = 200,
	THREE_AM = 300,
	FOUR_AM = 400,
	FIVE_AM = 500,
	SIX_AM = 600,
	SEVEN_AM = 700,
	EIGHT_AM = 800,
	NINE_AM = 900,
	TEN_AM = 1000,
	ELEVEN_AM = 1100,
	TWELVE_PM = 1200,
	ONE_PM = 1300,
	TWO_PM = 1400,
	THREE_PM = 1500,
	FOUR_PM = 1600,
	FIVE_PM = 1700,
	SIX_PM = 1800,
	SEVEN_PM = 1900,
	EIGHT_PM = 2000,
	NINE_PM = 2100,
	TEN_PM = 2200,
	ELEVEN_PM = 2300,
	TWELVE_AM = 2400,
}

export interface ColorScheme { color: string, backgroundColor: string }

export interface ColorSchemes {
	[key: string]: ColorScheme
}

export type intervalLengthType = 15 | 30 | 60
export enum WEEK_START_DAY {
	SUNDAY = 'sunday',
	MONDAY = 'monday',
}

export interface DayIntervalsType {
	length?: intervalLengthType
	height?: number
	displayClickableInterval?: boolean
	intervalStyles?: { [key: string]: any }
}

export interface ConfigInterface {
	locale?: string
	week?: {
		nDays?: 5 | 7
		startsOn?: WEEK_START_DAY
		scrollToHour?: number
	}
	style?: {
		fontFamily?: string
		colorSchemes?: ColorSchemes
	}
	defaultMode?: ModeType
	disableModes?: ('week' | 'month' | string)[]
	isSilent?: boolean
	dayIntervals?: DayIntervalsType
	eventDialog?: {
		isDisabled?: boolean
		isCustom?: boolean
		closeOnClickOutside?: boolean
	}
	dayBoundaries?: {
		start: number // integer between 0 and 24
		end: number // integer between 0 and 24
	}
	showCurrentTime?: boolean

	month?: {
		// Hide the days of the next month and previous month in calendar to enhance the appearance
		showTrailingAndLeadingDates?: boolean
		showEventsOnMobileView?: boolean
	}

	// The isSmall property is an internal API attached to the config object, and usage of this
	// from an implementer is strongly discouraged
	// TODO: create internal config interface and replace all usages in components with that
	isSmall?: boolean
}