import { AnimatePresence } from "@/components/ui/fade-in";
import { Logs } from "./_logs";
import { FormattedDate } from "./_components/fmt-dates";
const ChangelogPage = () => {
  return (
    <div>
      <div className="mt-10 overflow-visible h-full flex flex-col gap-10">
        {Logs.map((log) => {
          return (
            <div className="relative my-5 h-auto">
              <div className="sticky top-2 flex-1 h-full">
                <FormattedDate
                  className="absolute md:-left-32 left-0 text-sm -top-8 md:top-0 font-light"
                  date={log.date}
                />
              </div>
              <log.component />
            </div>
          );
        })}
      </div>
    </div>
  );
};
export default ChangelogPage;
