import { BfProgress } from '@bud-fe/react-taro-ui';
import { View } from '@tarojs/components';
import React from 'react';
import styles from './index.module.less';

export default () => {
  return (
    <>
      <View className="group-title">基础用法</View>
      <View className={styles['progress-wrapper']}>
        <BfProgress percent={30} />
      </View>

      <View className="group-title">设置颜色与宽度</View>
      <View className={styles['progress-wrapper']}>
        <BfProgress percent={70} background="gray" color="cyan" strokeWidth={20} />
      </View>

      <View className="group-title">显示百分比</View>
      <View className={styles['progress-wrapper']}>
        <BfProgress percent={50} showText />
      </View>

      <View className="group-title">动画效果</View>
      <View className={styles['progress-wrapper']}>
        <BfProgress percent={60} animated />
      </View>
    </>
  );
};