import { useParams } from "react-router";

// The second panel, reading the section from the URL rather than from the panel beside it.
export const FinancesDetail = () => {
  const { section } = useParams();

  return (
    <div className="h-full overflow-auto p-6">
      <h2 className="text-lg font-semibold text-duck-dark">Detail</h2>
      <p className="mt-1 text-sm text-duck-dark/60">
        Section from the URL: <code>{section ?? "(none)"}</code>
      </p>
    </div>
  );
};