import type { ReactNode } from "react";

// Shared empty/placeholder panel so every chart's "no data" state matches.
export function ChartMessage({ children }: { children: ReactNode }) {
  return (
    <div className="flex h-[320px] items-center justify-center rounded-xl border border-[var(--border)] px-6 text-center text-sm text-[var(--muted-foreground)]">
      {children}
    </div>
  );
}