import { Download } from 'lucide-react';

export function ResumeSection() {
    return (
        <section className="space-y-6">
            <div className="flex items-center justify-between border-b-2 border-dashed border-(--border-main) pb-2">
                <h2 className="font-sketch text-2xl text-(--text-main) flex items-center gap-2">
                    <Download className="w-5 h-5 accent-text" /> resume.pdf
                </h2>
            </div>

            <div className="mt-10 p-5 sketch-border bg-(--color-accent-muted)/5 transform rotate-1">
                <p className="text-(--text-muted) text-sm font-mono leading-relaxed">
                    Grab the latest snapshot of my experience, projects, and research focus.
                </p>
                <div className="flex flex-wrap items-center gap-3">
                    <a
                        href="/resume.pdf"
                        className="inline-flex items-center gap-2 px-4 py-2 text-xs font-mono sketch-border bg-(--bg-panel) text-(--text-main) hover:text-(--bg-base) hover:bg-(--color-accent) transition-colors"
                        download
                    >
                        <Download className="w-4 h-4" /> Download resume
                    </a>
                    <span className="text-(--text-dim) text-xs font-mono">Last updated Jul 2026</span>
                </div>
            </div>
        </section>
    );
}