blockchain/apps/portal/components/marketing/placeholder-notice.tsx

import { cn } from "@/lib/utils";

export function PlaceholderNotice({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) {
  return (
    <p
      className={cn(
        "rounded-lg border border-dashed border-border bg-muted/50 px-4 py-3 text-sm text-muted-foreground",
        className,
      )}
    >
      {children}
    </p>
  );
}