portfolio/src/widgets/Navigation/ui/UtilityBar.tsx

'use client';

import { CONTACT_LINKS } from '$shared/lib';
import { Button } from '$shared/ui';

/**
 * Fixed bottom utility bar with contact info and CV download.
 */
export function UtilityBar() {
  /**
   * Handles CV download action.
   */
  function handleDownloadCV() {
    console.log('Downloading CV...');
  }

  return (
    <div className="fixed bottom-0 left-0 right-0 bg-cream brutal-border-top z-40">
      <div className="max-w-[2560px] mx-auto px-6 md:px-12 lg:px-16 py-4 flex items-center justify-between">
        <div className="flex items-center gap-4">
          <span className="text-sm uppercase tracking-wider">Contact</span>
          <a href={`mailto:${CONTACT_LINKS.email}`} className="text-base hover:opacity-60 transition-opacity">
            {CONTACT_LINKS.email}
          </a>
        </div>
        <Button variant="primary" size="sm" onClick={handleDownloadCV}>
          Download CV
        </Button>
      </div>
    </div>
  );
}