import type { ReactNode } from 'react';
import { Card, CardBody } from './Card';

/** Temporary "built in a later phase" panel so routes render cleanly meanwhile. */
export function Placeholder({ icon, children }: { icon?: ReactNode; children: ReactNode }) {
  return (
    <Card>
      <CardBody className="grid place-items-center gap-2 py-16 text-center text-muted">
        {icon ? <div className="text-accent">{icon}</div> : null}
        <p className="max-w-md text-sm">{children}</p>
      </CardBody>
    </Card>
  );
}
