import { formatDate, formatDateTime } from "../lib/formatDate.ts";

export function DateWithEdited({
    date,
    editedAt,
}: {
    date: string;
    editedAt: string | null;
}) {
    const label = formatDate(date);
    if (!editedAt)
        return (
            <time datetime={date} safe>
                {label}
            </time>
        );
    return (
        <time
            datetime={date}
            class="edited-indicator"
            title={`Edited ${formatDateTime(editedAt)}`}
            safe
        >
            *{label}
        </time>
    );
}