// src/components/Logo.jsx
function Logo() {
  const { navigate } = useApp();
  return (
    <button
      type="button"
      onClick={() => navigate('home')}
      className="flex items-center gap-2 text-left"
      style={{ background: 'none', border: 'none', cursor: 'pointer', padding: 0 }}
    >

      <span className="font-semibold text-[15px] tracking-wide" style={{ color: 'var(--text)' }}>StopCBDC</span>
    </button>
  );
}