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

const BasicSpace = () => {
  return (
    <Space>
      <div className={style.bg1}>
        <Space size="S">
          <div className={style.colorBlock}></div>
          <div className={style.colorBlock}></div>
          <div className={style.colorBlock}></div>
          <div className={style.colorBlock}></div>
        </Space>
      </div>
      <div className={style.bg2}>
        <Space size="S" direction="vertical">
          <div className={style.containerBlock}></div>
          <div className={style.containerBlock}></div>
          <div className={style.containerBlock}></div>
          <div className={style.containerBlock}></div>
        </Space>
      </div>
    </Space>
  );
};

export default BasicSpace;
