import { ExclamationCircleFill } from 'antd-mobile-icons'
import { View, Text } from '@tarojs/components';
import styles from './index.module.less';
import { Button } from 'antd-mobile';

import { AddCircleOutline, TeamFill, RedoOutline } from 'antd-mobile-icons';
import Taro from '@tarojs/taro';

const Toolbar = () => {

  return (
    <View className={styles.container}>
      <View className={styles.card} onClick={() => Taro.navigateTo({ url: '/pages/dataset/index' })}>
        <AddCircleOutline className={styles.icon} style={{ color: '#007AFF' }} />
        <View>数据优化</View>
      </View>
      <View className={styles.card} onClick={() => Taro.navigateTo({ url: '/pages/team/index' })}>
        <TeamFill className={styles.icon} style={{ color: 'rgb(114, 46, 209)' }} />
        <View>团队矩阵</View>
      </View>
      <View className={styles.card} onClick={() => Taro.navigateTo({ url: '/pages/invite/index' })}>
        <RedoOutline className={styles.icon} style={{ color: 'rgb(82, 196, 26)' }} />
        <View>邀请商户</View>
      </View>
    </View>
  );
};

export default Toolbar;