forwardRef(({ children, title = '', ...rest }, ref) => { return ( <div ref={ref} {...rest} > <Helmet> <title>{title}</title> </Helmet> {children} </div> ); })
_.memoize(Comp => forwardRef((props, ref) => { return ( <span ref={ref}> <Comp {...props} /> </span> ) }), )
forwardRef(( { label, ...inputProps }: Props, ref // eslint-disable-line ) => ( <label> <Space as="span" h={{ size: 'm', properties: ['margin-right'] }}> {label} </Space> <StyledInput as="input" ref={ref} {...inputProps} /> </label> ))
forwardRef(({ onSubmit, children, inner, ...props }, ref) => ( <Modal ref={ref} {...params} {...props} trigger={children}> <ModalForm {...params} {...props} onSubmit={async (...args) => { await onSubmit(...args); ref.current.close(); }} /> </Modal> ))
forwardRef( ({ as: Component = 'div', children, className, ...rest }, ref) => ( <Component className={classNames('section', className)} ref={ref} {...rest}> {children} </Component> ) )
forwardRef(({ value, onClick }, ref) => ( <DatePickerButton onClick={onClick} ref={ref}> <FontAwesomeIcon icon={faClock} size="1x" /> {value} </DatePickerButton> ))
forwardRef(({ value }, ref) => { console.log(ref) return <button ref={ref}>{value}</button> })
forwardRef((props, ref) => ( <CounterConsumer> {counter => <PlusOneButton {...props} ref={ref} counter={counter} />} </CounterConsumer> ))
forwardRef((props, ref) => ( <div ref={ref} style={{ flexGrow: 1 }}> <RouterLink {...props} /> </div> ))
forwardRef((props, ref) => { const { value, onChange, placeholder, } = props; return ( <Input onChange={onChange} ref={ref} value={value} placeholder={placeholder} /> ); })
forwardRef(({ mediaSrc, mediaType }, ref) => ( <audio ref={ref} preload="metadata" src={AUDIOFX_DIR + mediaSrc} type={`audio/${mediaType || 'mp3'}`} /> ))
forwardRef((props, ref) => ( <div ref={ref} style={{ flexGrow: 1 }} > <RouterLink {...props} /> </div> ))
forwardRef(({ value, onClick }, ref) => ( <DatePickerButton onClick={onClick} ref={ref}> <FontAwesomeIcon icon={faCalendarAlt} size="1x" /> {value} </DatePickerButton> ))
forwardRef(({ value, onClick }, ref) => ( <DatePickerButton onClick={onClick} ref={ref}> <FontAwesomeIcon icon={faClock} size="1x" /> {value} </DatePickerButton> ))
forwardRef(({ value, onClick }, ref) => ( <DatePickerButton onClick={onClick} ref={ref}> <FontAwesomeIcon icon={faCalendarAlt} size="1x" /> {value} </DatePickerButton> ))