export type DateFormat =
	| 'today-or-yesterday-or-nothing'
	| 'date-only'
	| 'time-ago-limit-4-hours'
	| 'time-ago-limit-24-hours'
	| 'time-ago-abbreviated'
	| 'time-ago-abbreviated-limit-4-hours'
	| 'time-ago-no-seconds'
	// hack to allow any string (for custom date formatting) while still
	// suggesting the common format variants in IDEs
	// from https://github.com/microsoft/TypeScript/issues/29729#issuecomment-505826972
	| (string & {});

export type DateTextCase =
	| 'sentence'

export interface DateProps {
	dateTime: string;
	format?: DateFormat;
	textCase?: DateTextCase;
}

export function Date({
	dateTime,
	format,
	textCase,
	children,
}: React.PropsWithChildren<DateProps>): JSX.Element {
	return (
		<time
			data-o-component="o-date"
			className="o-date"
			dateTime={dateTime}
			data-o-date-format={format}
			data-o-date-text-case={textCase}>
			{children}
		</time>
	);
}

export interface DatePrinterProps {
	format?: DateFormat;
	textCase?: DateTextCase;
}

export function DatePrinter({
	format,
	textCase,
	children,
}: React.PropsWithChildren<DatePrinterProps>): JSX.Element {
	return (
		<span data-o-date-printer data-o-date-format={format} data-o-date-text-case={textCase}>
			{children}
		</span>
	);
}