import type { ReactNode } from "react";

export function ErrorNote({ children }: { children: ReactNode }) {
  if (!children) return null;
  return <span className="err">{children}</span>;
}
export function OkNote({ children }: { children: ReactNode }) {
  if (!children) return null;
  return <span className="ok">{children}</span>;
}
export function EmptyState({ children }: { children: ReactNode }) {
  return <div className="muted">{children}</div>;
}