@patreon/studio/module/components/FeatureFlagProvider/index.jsx

Patreon Studio Design System

'use client';
import React, { useContext, useMemo } from 'react';
export const SUPPORTED_FEATURE_FLAGS = ['disable_responsive_typescale'];
const FeatureFlagContext = React.createContext({
    featureFlags: {},
});
/**
 * Provider for feature flags
 */
export function FeatureFlagProvider({ featureFlags, children }) {
    const providerValue = useMemo(() => ({ featureFlags }), [featureFlags]);
    return <FeatureFlagContext.Provider value={providerValue}>{children}</FeatureFlagContext.Provider>;
}
/**
 * Hook to use feature flags
 */
export function useFeatureFlag(name) {
    const { featureFlags } = useContext(FeatureFlagContext);
    return featureFlags[name] ?? false;
}
//# sourceMappingURL=index.jsx.map