import { useMemo } from 'react';
import { useTheme } from '@mui/material';
import { getAIVariantSx } from './styles';
/**
 * Merges the AI variant styles for `variant` with the caller-provided `sx`.
 * Inline `sx` objects recreate each render and bypass memoization; that cost is
 * negligible here (style merge only). Stabilize `sx` with `useMemo` if needed.
 */
export const useAIVariantSx = (variant, sx) => {
    const theme = useTheme();
    return useMemo(() => [getAIVariantSx(theme, variant), ...(Array.isArray(sx) ? sx : [sx])], [theme, variant, sx]);
};
