import React from 'react'

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

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