{"size": 2400, "ext": "js", "max_stars_repo_path": "src/components/CheckoutForm.js", "max_stars_repo_name": "shiang/ecommerce-graphql-frontend", "max_stars_repo_stars_event_min_datetime": "2018-08-17T16:31:46.000Z", "max_stars_repo_stars_event_max_datetime": "2018-08-17T16:31:46.000Z", "max_issues_repo_path": "src/components/CheckoutForm.js", "max_issues_repo_name": "shiang/ecommerce-graphql-frontend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/CheckoutForm.js", "max_forks_repo_name": "shiang/ecommerce-graphql-frontend", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 39.3442622951, "max_line_length": 95, "alphanum_fraction": 0.4258333333}
import React, { Component } from 'react'
import { Form, Table, Button } from "semantic-ui-react";
import { Row, Col } from "antd";

class CheckoutForm extends Component {
    render() {
        return <Row type="flex" justify="space-around">
            <Col span={12}>
              <Form>
                <Form.Group widths="equal">
                  <Form.Input fluid label="First name" />
                  <Form.Input fluid label="Last name" />
                </Form.Group>

                <Form.Input fluid label="Company name" />

                <Form.Group widths="equal">
                  <Form.Input fluid label="Email address" />
                  <Form.Input fluid label="Mobile No." />
                </Form.Group>
                <Form.Group widths="equal">
                  <Form.Input fluid label="Country" />
                  <Form.Input fluid label="City" />
                </Form.Group>
                <Form.Input fluid label="Address" />
                <Form.Input fluid placeholder="Apartment, suite, unit etc. (optional)" />
              </Form>
            </Col>
            <Col span={6}>
                <Table singleLine>
                    <Table.Header>
                        <Table.Row>
                            <Table.HeaderCell>Name</Table.HeaderCell>
                            <Table.HeaderCell textAlign="right">Premium Plan</Table.HeaderCell>
                        </Table.Row>
                    </Table.Header>

                    <Table.Body>
                        <Table.Row>
                            <Table.Cell>John Lilki</Table.Cell>
                            <Table.Cell textAlign="right">No</Table.Cell>
                        </Table.Row>
                        <Table.Row>
                            <Table.Cell>Jamie Harington</Table.Cell>
                            
                            <Table.Cell textAlign="right">Yes</Table.Cell>
                        </Table.Row>
                        <Table.Row>
                            <Table.Cell>Jill Lewis</Table.Cell>
                            
                            <Table.Cell textAlign="right">Yes</Table.Cell>
                        </Table.Row>
                    </Table.Body>
                </Table>
                <Button fluid type="Primary">Place Order</Button>
            </Col>
          </Row>;
    }
}

export default CheckoutForm