const ApiPlaceholder = ({ title }) => {
  return (
    <div>
      <h1 className="text-3xl font-bold text-slate-900 mb-4">{title}</h1>
      <div className="bg-slate-100 border border-slate-200 rounded-lg p-8 text-center">
        <p className="text-slate-500">This page is a placeholder for the "{title}" API test harness.</p>
        <p className="text-slate-500 mt-2">Implementation is pending.</p>
      </div>
    </div>
  );
};

export default ApiPlaceholder;
