import React from 'react';
import { Alert, Card, Typography } from 'antd';
import PageContainer from '@/components/BasePageContainer';
import { connect } from 'react-redux';
import styles from './Welcome.less';

// eslint-disable-next-line no-unused-vars
const CodePreview = ({ children }) => (
  <pre className={styles.pre}>
    <code>
      <Typography.Text copyable>{children}</Typography.Text>
    </code>
  </pre>
);

const mapState = store => store;

export default connect(mapState)(() => (
  <PageContainer>
    <Card>
      <Alert
        message="更快更强的重型组件，已经发布。"
        type="success"
        showIcon
        banner
        style={{
          margin: -12,
          marginBottom: 24,
        }}
      />
    </Card>
  </PageContainer>
));
