import React from 'react'

import { Card, CardTitle, Link, Paragraph } from 'react-icecream'

export default function Demo() {
  return (
    <div style={{ padding: '16px', background: '#f5f5f5' }}>
      <Card title={<CardTitle title="卡片标题" extra={<Link href="#">查看更多</Link>} />} style={{ width: '280px' }}>
        卡片内容
      </Card>
      <br />
      <Card style={{ width: '280px' }}>
        卡片内容
      </Card>
      <br />
      <Card size="small" title={<CardTitle title="卡片标题(小)" extra={<Link href="#">查看更多</Link>} />} style={{ width: '280px' }}>
        <Paragraph>卡片内容</Paragraph>
        <Paragraph>卡片内容</Paragraph>
        <Paragraph>卡片内容</Paragraph>
        <Paragraph>卡片内容</Paragraph>
      </Card>
      <br />
      <Card size="small" style={{ width: '280px' }}>
        <Paragraph>卡片内容</Paragraph>
        <Paragraph>卡片内容</Paragraph>
        <Paragraph>卡片内容</Paragraph>
        <Paragraph>卡片内容</Paragraph>
      </Card>
    </div>
  )
}