import { Heading, EmptyState, Layout, Page, Card } from '@shopify/polaris';
import OrderCard from '../components/OrderCard';
import SettingsCard from '../components/SettingsCard';
import OrderLogsCard from '../components/OrderLogsCard';
import React from 'react'


class Index extends React.Component {
  state = {
    returns : []
  };

  render() {

    const heading = "EZ Rent Middleware";
    const returns = this.state.returns;

    return (
        <Page
          title={heading}
          fullWidth={true}
        >
          <Layout>
            <Layout.Section>
                <OrderCard/>
                <OrderLogsCard/>
            </Layout.Section>
            <Layout.Section secondary>
              <Card title="Status" sectioned>
                <p>Summary of status</p>
              </Card>
              <SettingsCard/>
            </Layout.Section>
          </Layout>
        </Page>);
  }

}

export default Index;