import * as React from 'react';
import { Icon, Row, Col } from '@btri-ui/base';
import demoJson from './demo.json';

const Basic = () => {
  React.useEffect(() => {
    Icon.addCollection(demoJson, 'my-icon');
  }, []);
  return (
    <div>
      <Row autoMode={true}>
        <Col span={2}>
          <Icon
            iconName="QrCode"
            style={{
              fontSize: '60px',
              textAlign: 'center',
              width: '100%',
              color: '#333333',
            }}
            provider="my-icon"
          ></Icon>
        </Col>
      </Row>
    </div>
  );
};
export default Basic;