<img src="https://res.cloudinary.com/noblepal/image/upload/v1627983184/aime_logo_hoywi6.svg" width="100" style="display: block; margin: auto;" />

# Aime Component library
## Available Components
1. Babbu components
2. Delight components
3. Dropdown
4. Custom components
5. [Header](https://github.com/theaimegroup/library-docs#header)

## DashboardAggregateCard
### Example:
```JSX
<DashboardAggregateCard
    iconURL="https://cdn-icons-png.flaticon.com/512/3209/3209891.png" //required
    title="CO2e" //required
    subtitle=" Total Emissions" //required
    tableName="pages_collected_data" //required
    columnName="mvm_chat_volume" //required
    dateColumnName="date" //required
    aggregateType="sum" //optional
    dateFrom="2022-01-01" // optional default = new Date().toISOString().slice(0, 19).replace('T', ' ')
    dateTo="2022-03-31" // optional default = new Date().toISOString().slice(0, 19).replace('T', ' ')
    primaryColor="#ffffff" //optional
    secondaryColor="#028AE7" //optional
/>
```
## DashboardContainer
### Example:
  ```JSX
 <DashboardContainer
    sideBar={
      <Sidebar menuItems={[]} logoIcon=""/>
    }
    
    NavBar={
      <DelightHeader {...navprops}/>
    }
    
    body={
      <DelightTable
        primaryColor={"#ffffff"}
        secondaryColor={"#4138C2"}
        isModal={false}
        noOfCols={3}
        title={"Host Traders"}
        tablename={"host_traders"}
        col={col}
        panels={panels}
        addEditDisplayType={AddEditDisplayType.Drawer}
        recordsDisplayType={RecordDisplayType.Table}
        gridCardDisplay={gridCardDisplay}
        searchByCol={["company"]}
      />
    }
  />
```