import { Row, Col } from '@btri-ui/base';
import * as React from 'react';
import style from './index.less';

const BasicDemo = () => {
  const [span, setSpan] = React.useState(4);
  return (
    <Row autoMode={true}>
      <Col
        span={span}
        onClick={() => {
          setSpan(8);
        }}
      >
        <div className={style.bg}>1</div>
      </Col>
      <Col span={4}>
        <div className={style.bg}>2</div>
      </Col>
      <Col span={4}>
        <div className={style.bg}>3</div>
      </Col>
      <Col span={4}>
        <div className={style.bg}>4</div>
      </Col>
      <Col span={4}>
        <div className={style.bg}>5</div>
      </Col>
      <Col span={4}>
        <div className={style.bg}>6</div>
      </Col>
    </Row>
  );
};

export default BasicDemo;
