import React from 'react';
import { connect } from 'react-redux';

interface RootState {
    dataFromRootState: string;
}

interface OwnProps {
    manualOwnProp: string;
}

interface StateProps {
    somePropFromMapStateToProps: string;
}

interface DispatchProps {}

type Props = OwnProps & StateProps & DispatchProps;

const mapStateToProps = (state: RootState): StateProps => {
    return { somePropFromMapStateToProps: state.dataFromRootState };
};

class DummyComponent extends React.Component<Props> {
    render() {
        const { somePropFromMapStateToProps } = this.props;

        return <p>{somePropFromMapStateToProps}</p>;
    }
}

export default connect(mapStateToProps)(DummyComponent);