text: import React from 'react';
  import {
      Button,
      Card,
      CardHeader,
      CardBody,
      CardFooter,
      CardTitle,
      FormGroup,
      Form,
      Table,
      Input,
      Row,
      Col,} from "reactstrap";
  
  class expense extends React.Component{
      render() {
          return (
            <>
              <div className="content">
                <Row>
                  <Col md="12">
                    <Card>
                      <CardHeader tag="h5">Today Expense</CardHeader>
                      <CardBody>
                      <Table responsive>
                          <thead className="text-primary">
                            <tr>
                              <th>Name</th>
                              <th>Country</th>
                              <th>City</th>
                              <th className="text-right">Salary</th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td>Dakota Rice</td>
                              <td>Niger</td>
                              <td>Oud-Turnhout</td>
                              <td className="text-right">$36,738</td>
                            </tr>
                            <tr>
                              <td>Minerva Hooper</td>
                              <td>Curaçao</td>
                              <td>Sinaai-Waas</td>
                              <td className="text-right">$23,789</td>
                            </tr>
                            <tr>
                              <td>Sage Rodriguez</td>
                              <td>Netherlands</td>
                              <td>Baileux</td>
                              <td className="text-right">$56,142</td>
                            </tr>
                            <tr>
                              <td>Philip Chaney</td>
                              <td>Korea, South</td>
                              <td>Overland Park</td>
                              <td className="text-right">$38,735</td>
                            </tr>
                            <tr>
                              <td>Doris Greene</td>
                              <td>Malawi</td>
                              <td>Feldkirchen in Kärnten</td>
                              <td className="text-right">$63,542</td>
                            </tr>
                            <tr>
                              <td>Mason Porter</td>
                              <td>Chile</td>
                              <td>Gloucester</td>
                              <td className="text-right">$78,615</td>
                            </tr>
                            <tr>
                              <td>Jon Porter</td>
                              <td>Portugal</td>
                              <td>Gloucester</td>
                              <td className="text-right">$98,615</td>
                            </tr>
                          </tbody>
                        </Table>
                      </CardBody>
                    </Card>
                  </Col>
                </Row>
                <Row>
                  <Col md="12">
                    <Card>
                      <CardHeader tag="h5">Expense</CardHeader>
                      <CardBody>
                            <Input id="expense" type="text"/>
                            <Button className="btn-round" color="warning" type="submit">Add</Button>
                      </CardBody>
                    </Card>
                  </Col>
                </Row>
              </div>
            </>
          );
      }
  }
  
  export default expense;