Function createRestyleComponent

src/createRestyleComponent.tsx:8–28

(
  restyleFunctions: (
    | RestyleFunctionContainer<Props, Theme>
    | RestyleFunctionContainer<Props, Theme>[]
  )[],
  BaseComponent: React.ComponentType<any> = View,
)

import useRestyle from './hooks/useRestyle';

const createRestyleComponent = <
  Props extends {[key: string]: any},
  Theme extends BaseTheme,
>(
  restyleFunctions: (
    | RestyleFunctionContainer<Props, Theme>
    | RestyleFunctionContainer<Props, Theme>[]
  )[],
  BaseComponent: React.ComponentType<any> = View,
) => {
  const composedRestyleFunction = composeRestyleFunctions(restyleFunctions);

  const RestyleComponent = React.forwardRef((props: Props, ref) => {
    const passedProps = useRestyle(composedRestyleFunction, props);
    return <BaseComponent ref={ref} {...passedProps} />;
  });
  type RestyleComponentType = typeof RestyleComponent;
  return RestyleComponent as RestyleComponentType & {
    defaultProps?: Partial<React.ComponentProps<RestyleComponentType>>;
  };
};

export default createRestyleComponent;