import type { WidgetTheme, WidgetThemeComponents } from '../types/widget.js';

type ComponentName = keyof WidgetThemeComponents;

export const getStyleOverrides = (
  componentName: ComponentName,
  styleOverrideProp: string,
  theme: WidgetTheme,
  ownerState?: any,
) => {
  const component = theme.components?.[componentName];
  const property = (component?.styleOverrides as any)?.[styleOverrideProp];

  if (typeof property === 'function') {
    return property({ theme, ownerState });
  }
  return property;
};