import React, {memo, useEffect} from 'react';
import {Button} from 'antd';
import {useModel} from 'umi';
import styles from './styles.less';

const prefixCls = 'app-view';

const AppView: React.FC<AppViewProps> = (props) => {
    const {increment, decrement, counter} = useModel('count', (model) => model);

    return (
        <div className={styles[prefixCls]}>
            <p>{counter}</p>
            <Button
                className={styles[`${prefixCls}__button--primary`]}
                onClick={() => increment()}
            >
                increment
            </Button>
            <Button onClick={() => decrement()}>decrement</Button>
        </div>
    );
};

interface AppViewProps {
}

export default memo(AppView);