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

export default () => {
  return (
    <>
      <View>基本用法 </View>
      <BfExpandableCard
        collapsedHeight={40}
        onClick={() => {
          console.log('outer onClick');
        }}
        onExpand={(expanded) => {
          console.log('onExpand', expanded);
        }}
      >
        <View>AAAAAAAAAAAA</View>
        <View>AAAAAAAAAAAA</View>
        <View>BBBBBBBBBBBB</View>
        <View>BBBBBBBBBBBB</View>
        <View>CCCCCCCCCCCC</View>
        <View>CCCCCCCCCCCC</View>
      </BfExpandableCard>

      <View>不显示收起按钮 </View>
      <BfExpandableCard collapsible={false}>
        <View>AAAAAAAAAAAA</View>
        <View>AAAAAAAAAAAA</View>
        <View>BBBBBBBBBBBB</View>
        <View>BBBBBBBBBBBB</View>
        <View>CCCCCCCCCCCC</View>
        <View>CCCCCCCCCCCC</View>
      </BfExpandableCard>
    </>
  );
};