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

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