export function ThemeStyleInjector({ variables }: { variables: Record<string, string> }) {
  const entries = Object.entries(variables);
  if (entries.length === 0) return null;

  const css = `:root{${entries.map(([key, value]) => `${key}:${value};`).join("")}}`;

  return <style id="pulsenode-theme-overrides" dangerouslySetInnerHTML={{ __html: css }} />;
}