Timestamp

1'use client';
2 
3import React from 'react';
4import {
5  Tooltip,
6  TooltipContent,
7  TooltipProvider,
8  TooltipTrigger,
9} from '@/components/ui/tooltip';
10import { formatTimestamp } from '@/lib/utils/deso';
11import { cn } from '@/lib/utils/deso';
12 
13export interface TimestampProps {
14  timestamp: string | Date;
15  className?: string;
16  format?: 'relative' | 'fullDate' | 'fullDateTime';
17}
18 
19export function Timestamp({
20  timestamp,
21  className,
22  format = 'relative',
23}: TimestampProps) {
24  const formatted = formatTimestamp(timestamp);
25  const displayValue = formatted[format];
26  const tooltipValue = formatted.fullDateTime;
27 
28  return (
29    <TooltipProvider>
30      <Tooltip>
31        <TooltipTrigger asChild>
32          <span
33            className={cn(
34              'cursor-default',
35              className
36            )}
37          >
38            {displayValue}
39          </span>
40        </TooltipTrigger>
41        <TooltipContent>
42          <p>{tooltipValue}</p>
43        </TooltipContent>
44      </Tooltip>
45    </TooltipProvider>
46  );
47}