import React, { memo } 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);