1import React, { useMemo } from 'react';
2
3import { filterStyles } from './filterStyles';
4
5export function createSafeStyledView<TView extends React.ComponentType<any>>(View: TView) {
6  return React.forwardRef(({ style, ...props }: any, forwardedRef: React.Ref<TView>) => {
7    // Filter and apply `center` prop.
8    const finalStyle = useMemo(() => filterStyles(style), [style]);
9
10    return <View ref={forwardedRef} style={finalStyle} {...props} />;
11  });
12}
13