import React from 'react'

const BaseContext = React.createContext({base: 'Context'})

/**
 *  Component : BaseContextProvider
 *
 * @author sl
 * @time  13/2/20
 * @param {{}}
 * @constructor
 *
 */
class BaseContextProvider extends React.Component {
    getContextReturnValue() {
        return {}
    }

    getContext() {
        return BaseContext
    }

    render() {
        const contextReturn = this.getContextReturnValue()
        const Context = this.getContext()
        const {children} = this.props

        return <Context.Provider value={contextReturn}>{children}</Context.Provider>
    }
}

export const baseContextWrap = (Provider) => {
    return (Component) => (props) => <Provider children={<Component {...props} />}/>
}

export function baseUseContext(context) {
    return function () {
        return React.useContext(context)
    }
}

export function baseWithContext(context, contextPassPropKey) {
    const Consumer = context.Consumer
    return (Component) => (props) => (
        <Consumer>
            {(contextValue) => (
                <Component {...{...props, [contextPassPropKey]: contextValue}} />
            )}
        </Consumer>
    )
}

BaseContextProvider.propTypes = {}

BaseContextProvider.defaultProps = {}

export default BaseContextProvider