import type { ReactNode } from 'react';

export interface FooterProps {
  /** Brand wordmark, defaults to "Kupp-west". */
  brand?: string;
  /** One short muted sentence under the wordmark. */
  children?: ReactNode;
  /** Optional technical listing token rendered in tiny light-gray type, e.g. "[kwkw-131282-153195-kwkw]". */
  token?: string;
}

/**
 * Page footer (`.kwac-footer`): hairline on top, centered wordmark, one muted
 * sentence and an optional listing token line (`.kwac-token`). Last child of `Page`.
 */
export function Footer({ brand = 'Kupp-west', children, token }: FooterProps) {
  return (
    <footer className="kwac-footer">
      <span className="kwac-mark">{brand}</span>
      {children ? <p>{children}</p> : null}
      {token ? <p className="kwac-token">{token}</p> : null}
    </footer>
  );
}