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

export default () => {
  return (
    <>
      <View className="group-title">基础用法</View>
      <BfTags tags={['text1', 'text2']} />

      <View className="group-title">自定义样式</View>
      <BfTags
        tags={['text1', 'text2']}
        style={{
          fontSize: 32,
          height: 48,
          border: '1px solid cyan',
        }}
      />

      <View className="group-title">自定义单个tag样式</View>
      <BfTags
        tags={[
          { text: 'text1', style: { color: 'white', backgroundColor: 'blue' } },
          'text2',
          { text: 'text3', style: { color: 'purple', backgroundColor: 'gray' } },
          'text4',
          'text4',
          'text4',
          'text4',
          'text4',
          'text4',
          'text4',
          'text4',
          'text4',
        ]}
      />
    </>
  );
};