import { useTheme } from '@mui/material';
import { Components } from '@mui/material';

import propsMerge from '../utils/propsMerge';

interface UseDefaultPropsParams<TName, TProps> {
	name: TName;
	props: TProps;
}

export default function useDefaultProps<TName extends keyof Components, TProps>({
	name,
	props
}: UseDefaultPropsParams<TName, TProps>): TProps {
	const defaultProps = (useTheme().components?.[name] as any)?.defaultProps;

	if (!defaultProps) {
		return props;
	}

	return propsMerge(defaultProps, props);
}