const TraceFooter = () => {
  const t = window.TRACE;
  return (
    <footer className="trace-footer" style={{
      padding: '40px 48px', borderTop: `1px solid ${t.hair}`,
      display: 'flex', alignItems: 'center', justifyContent: 'space-between',
      fontFamily: t.sans, fontSize: 12.5, color: t.faint,
    }}>
      <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
        <Wordmark size={12} />
        <span>· a product by AttoFlow</span>
      </div>
      <a href="../../index.html" style={{ color: t.faint, textDecoration: 'none' }}>attoflow.ai →</a>
    </footer>
  );
};

window.TraceFooter = TraceFooter;