edr-platform/apps/edr-freight-web/backoffice/src/components/FeaturePlaceholder.tsx

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

const FeaturePlaceholder = ({
  title,
  description,
}: FeaturePlaceholderProps) => {
  return (
    <section className="p-6">
      <div className="rounded-2xl border border-border bg-card p-8 shadow-sm">
        <p className="text-sm font-medium uppercase tracking-[0.2em] text-muted-foreground">
          EDR Freight Backoffice
        </p>
        <h1 className="mt-3 text-3xl font-semibold text-foreground">{title}</h1>
        <p className="mt-3 max-w-2xl text-sm text-muted-foreground">
          {description}
        </p>
      </div>
    </section>
  );
};

export default FeaturePlaceholder;