import { BfButton } from '@bud-fe/react-taro-ui';
import { View } from '@tarojs/components';
import React from 'react';

export default () => {
  return (
    <>
      <View className="group-title">基础用法</View>
      <BfButton>default</BfButton>
      <BfButton type="primary">primary</BfButton>
      <BfButton loading>default loading</BfButton>

      <View className="group-title">size="mini"</View>
      <BfButton size="mini">default mini</BfButton>
      <BfButton type="primary" size="mini">
        primary mini
      </BfButton>
      <BfButton loading type="primary" size="mini">
        primary mini loading
      </BfButton>
      <BfButton size="mini" plain>
        default mini
      </BfButton>
      <BfButton type="primary" size="mini" plain>
        primary mini plain
      </BfButton>
      <BfButton loading type="primary" size="mini" plain>
        primary mini plain loading
      </BfButton>

      <View className="group-title">size="mini" disabled</View>
      <BfButton size="mini" disabled>
        default mini disabled
      </BfButton>
      <BfButton type="primary" size="mini" disabled>
        primary mini disabled
      </BfButton>
      <BfButton size="mini" plain disabled>
        default mini plain disabled
      </BfButton>
      <BfButton type="primary" size="mini" plain disabled>
        primary mini plain disabled
      </BfButton>
    </>
  );
};