import "./ComingSoonPage.scss";

interface ComingSoonPageProps {
  title: string;
  description: string;
}

/**
 * Placeholder rendered by a section that has a route/sidebar entry but no
 * real feature behind it yet — today only `pages/shopping-list/ShoppingListPage.tsx`
 * (`Recettes`/`Foyer & profil` both grew real backends since this was
 * written, see `pages/recipes/`/`pages/settings/`). Kept as a shared,
 * reusable component (`components/ui/`, not itself a routed page) rather
 * than inlined into that one page, so a future stub section doesn't need to
 * hand-roll the same markup — the page that needs it still gets its own
 * file (and its own copy, via i18n), just wrapping this instead of
 * rewriting it.
 */
export function ComingSoonPage({ title, description }: ComingSoonPageProps) {
  return (
    <div className="coming-soon-page">
      <h1>{title}</h1>
      <p>{description}</p>
    </div>
  );
}