'use client';

import { useRouter } from 'next/navigation';
import VBtn from '@/components/vyndr/VBtn';

/** Interactive CTAs for the 404 (kept client-side so the page stays server). */
export default function NotFoundActions() {
  const router = useRouter();
  return (
    <div style={{ display: 'flex', gap: 10, marginTop: 28, flexWrap: 'wrap', justifyContent: 'center' }}>
      <VBtn variant="primary" onClick={() => router.push('/dashboard')}>← Back to the Slate</VBtn>
      <VBtn variant="outline" onClick={() => router.push('/ledger')}>Open the Ledger</VBtn>
    </div>
  );
}
