Function factory

packages/@mantine/core/src/core/factory/factory.tsx:84–97

(
  ui: (props: Payload['props'] & { ref?: React.Ref<Payload['ref']> }) => React.ReactNode
)

}

export function factory<Payload extends FactoryPayload>(
  ui: (props: Payload['props'] & { ref?: React.Ref<Payload['ref']> }) => React.ReactNode
) {
  const Component = ui as any;
  Component.extend = identity as any;
  Component.withProps = (fixedProps: any) => {
    const Extended = (props: any) => <Component {...fixedProps} {...props} />;
    Extended.extend = Component.extend;
    Extended.displayName = `WithProps(${Component.displayName})`;
    return Extended;
  };

  return Component as MantineComponent<Payload>;
}

export function genericFactory<Payload extends FactoryPayload>(ui: Payload['signature']) {
  return factory(ui as any) as Payload['signature'] &