📄 Add Commercial License for ee folder (#1532)
This commit is contained in:
37
ee/apps/landing-page/app/blog/[slug]/Table.tsx
Normal file
37
ee/apps/landing-page/app/blog/[slug]/Table.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
import {
|
||||
Table as ChakraTable,
|
||||
TableContainer,
|
||||
Tbody,
|
||||
Td,
|
||||
Th,
|
||||
Thead,
|
||||
Tr,
|
||||
} from '@chakra-ui/react'
|
||||
|
||||
type Props = {
|
||||
headers: string[]
|
||||
rows: string[][]
|
||||
}
|
||||
|
||||
export const Table = ({ headers, rows }: Props) => (
|
||||
<TableContainer maxW="60rem">
|
||||
<ChakraTable>
|
||||
<Thead>
|
||||
<Tr>
|
||||
{headers.map((header, index) => (
|
||||
<Th key={index}>{header}</Th>
|
||||
))}
|
||||
</Tr>
|
||||
</Thead>
|
||||
<Tbody>
|
||||
{rows.map((row, index) => (
|
||||
<Tr key={index}>
|
||||
{row.map((cell, cellIndex) => (
|
||||
<Td key={cellIndex}>{cell}</Td>
|
||||
))}
|
||||
</Tr>
|
||||
))}
|
||||
</Tbody>
|
||||
</ChakraTable>
|
||||
</TableContainer>
|
||||
)
|
Reference in New Issue
Block a user