import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Icon } from "@powerhousedao/design-system";
import { format } from "date-fns";
export function Day(props) {
    const { timestampUtcMs: timestamp } = props;
    const formattedDate = format(timestamp, "MMM dd, yyyy");
    return (_jsxs("h2", { className: "-ml-6 flex items-center gap-1 bg-slate-50 py-2 text-xs text-slate-100", children: [_jsx(Icon, { name: "Ring", size: 16 }), " Changes on ", formattedDate] }));
}
//# sourceMappingURL=day.js.map