// 规划中页面占位（路由目标，后续替换为真实页面即可）。
export function Soon({ title, desc }: { title: string; desc: string }) {
  return (
    <div className="rounded-lg border border-dashed bg-gray-50 p-6">
      <div className="mb-1 text-sm font-semibold text-gray-600">{title}</div>
      <p className="text-xs leading-relaxed text-gray-400">{desc}</p>
      <span className="mt-3 inline-block rounded bg-gray-200 px-2 py-0.5 text-[10px] text-gray-500">规划中</span>
    </div>
  );
}
