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

export default () => {
  const list = [
    {
      cellType: 'both',
      time: '2022-08-10',
      contents: [
        { type: 'success', value: '成功事件' },
        {
          type: 'error',
          value: '这是个失败事件',
        },
        {
          type: 'info',
          value: '普通事件',
        },
      ],
    },
    {
      cellType: 'both',
      time: '2022-08-15',
      contents: [
        { type: 'success', value: '成功事件' },
        {
          type: 'error',
          value: '这是个失败事件',
        },
        {
          type: 'info',
          value: '普通事件',
        },
      ],
    },
    {
      cellType: 'both',
      time: new Date('2022-09-15').getTime(),
      contents: [
        { type: 'success', value: '成功事件' },
        {
          type: 'error',
          value: '这是个失败事件',
        },
        {
          type: 'info',
          value: '普通事件',
        },
      ],
    },
    {
      cellType: 'both',
      time: new Date('2022-12-15'),
      contents: [
        { type: 'success', value: '成功事件' },
        {
          type: 'error',
          value: '这是个失败事件',
        },
        {
          type: 'info',
          value: '普通事件',
        },
      ],
    },
  ];
  return (
    <div>
      <Row autoMode={true}>
        <Calendar template="message" list={list} />
      </Row>
    </div>
  );
};