import { Button, Result, Icon } from '@btri-ui/base';
import React from 'react';

const App: React.FC = () => (
  <>
    <Result
      title="操作遇到一些问题"
      status="info"
      extra={[
        <Button type="secondary">取消</Button>,
        <Button type="primary">确定</Button>,
      ]}
      subTitle="这是一句描述文本这是一句描述文本这是一句描述文本"
      icon={
        <Icon
          component={() => (
            <div
              style={{
                width: 120,
                height: 120,
                background: '#F3F7FF',
                borderRadius: 1,
                fontSize: 16,
                color: 'rgba(13,13,13,0.5)',
                fontWeight: 400,
                verticalAlign: 'middle',
                lineHeight: '120px',
              }}
            >
              插画
            </div>
          )}
        />
      }
    />
  </>
);

export default App;
