import {Row, Col} from "../../../lib/grid";
import * as React from "react";
import './index.scss';

const GridExample = () => {
  return (
    <div style={{width: '800px'}}>
      <Row className="w-doc-row">
        <Col className="w-doc-col" span={8}>8</Col>
        <Col className="w-doc-col" span={8}>8</Col>
        <Col className="w-doc-col" span={8}>8</Col>
      </Row>
      <Row gutter={20} className="w-doc-row">
        <Col className="w-doc-col" span={6}>6</Col>
        <Col className="w-doc-col" span={12}>12</Col>
        <Col className="w-doc-col" span={6}>6</Col>
      </Row>
      <Row className="w-doc-row">
        <Col className="w-doc-col" span={6} offset={6}>6</Col>
        <Col className="w-doc-col" span={12}>12</Col>
      </Row>
    </div>
  );
};

export default GridExample;

