import React from 'react';
import { Row, Card, Col } from '@btri-ui/base';

export default () => {
  return (
    <div>
      <Row
        autoMode={true}
        style={{ backgroundColor: '#f0f0f0', padding: '16px' }}
      >
        <Col>
          <Card title="标题" bordered={false} style={{ width: '400px' }}>
            <p>
              仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。{' '}
            </p>
            <div>
              仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。{' '}
            </div>
          </Card>
        </Col>
        <Col>
          <Card
            title="标题"
            bordered={false}
            isBoxShadow
            style={{ width: '400px' }}
          >
            <p>
              仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。{' '}
            </p>
            <div>
              仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。{' '}
            </div>
          </Card>
        </Col>
      </Row>
    </div>
  );
};
