The website has a list with different components

apps/website/src/app/demos/dashboard-trade/styled/Table/Cell.ts

@@ -0,0 +1,30 @@
+import styled from 'styled-components'
+
+interface Props {
+  width: string
+  cursor: string
+}
+
+export const Cell = styled.div<Props>`
+  position: relative;
+
+  overflow: hidden;
+  width: ${props => props.width};
+  padding: 0 1rem;
+  cursor: ${props => props.cursor || 'default'};
+`
+
+export const CoinCell = styled(Cell)`
+  position: relative;
+
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  min-width: 120px;
+`
+
+export const PriceUSDCell = styled(Cell)`
+  min-width: 90px;
+`
+
+export default Cell

apps/website/src/app/demos/dashboard-trade/styled/Table/Header.ts

@@ -0,0 +1,15 @@
+import styled from 'styled-components'
+
+export const TableHeader = styled.div`
+  position: relative;
+
+  display: flex;
+  flex-direction: row;
+  padding: 1rem 0;
+
+  background-color: #000;
+  color: #fff;
+  justify-content: flex-start;
+`
+
+export default TableHeader

apps/website/src/app/demos/dashboard-trade/styled/Table/Row.ts

@@ -0,0 +1,13 @@
+import styled from 'styled-components'
+
+export const TableRow = styled.div`
+  position: relative;
+
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-bottom: 1px solid #cecece;
+  justify-content: flex-start;
+`
+
+export default TableRow

apps/website/src/app/demos/dashboard-trade/styled/Table/Table.ts

@@ -0,0 +1,13 @@
+import styled from 'styled-components'
+
+const Table = styled.div`
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+
+  border: 0.1rem solid #000;
+  margin-top: 0.5rem;
+`
+
+export default Table

apps/website/src/app/demos/dashboard-trade/styled/Table/index.ts

@@ -0,0 +1,5 @@
+import Table from './Table'
+import TableHeader from './Header'
+import TableCell, {CoinCell, PriceUSDCell} from './Cell'
+
+export {Table, TableHeader, TableCell, CoinCell, PriceUSDCell}

apps/website/src/app/demos/dashboard-trade/styled/components.ts

@@ -0,0 +1,8 @@
+import styled from 'styled-components'
+
+export const CryptoIcon = styled.img`
+  width: 18px;
+  height: 18px;
+
+  margin-right: 0.5rem;
+`

apps/website/src/app/demos/dashboard-trade/styled/index.ts

@@ -0,0 +1,2 @@
+export * from './Table'
+export * from './components'