'use client';
import IconFont from '@/components/ui/iconFont';

export default function ArchiveHistory() {
  return (
    <div className="h-full pr-10 pl-5">
      <div className="mt-7.5 flex items-center justify-between">
        <span className="text-lg font-black">Historical Archives</span>
        <IconFont type="icon-tianjia" size={20} />
      </div>
      <div className="mt-10 flex flex-col gap-5">
        <div className="flex min-h-15 gap-2.5 rounded-[10px] border border-white/20 bg-black/20 p-2.5">
          <div
            style={{ backgroundImage: 'url(/test.png)' }}
            className="cover-bg h-10 w-8 rounded-sm border border-white"
          />
          <div className="flex-1">
            <div className="text-xs text-white/60">{'2025/09/26 17:30'}</div>
            <div className="mt-1 text-sm leading-none text-white/80">
              The Boss Fell for Me: My Days Screwing Nuts at Foxconn
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
