mirror of
https://github.com/pawelmalak/flame.git
synced 2026-02-28 09:23:12 +08:00
28 lines
604 B
TypeScript
28 lines
604 B
TypeScript
import { ReactNode } from 'react';
|
|
import classes from './CompactTable.module.css';
|
|
|
|
interface Props {
|
|
headers: string[];
|
|
children?: ReactNode;
|
|
}
|
|
|
|
export const CompactTable = ({ headers, children }: Props): JSX.Element => {
|
|
return (
|
|
<div
|
|
className={classes.CompactTable}
|
|
style={{ gridTemplateColumns: `repeat(${headers.length}, 1fr)` }}
|
|
>
|
|
{headers.map((h, idx) => (
|
|
<span key={idx}>{h}</span>
|
|
))}
|
|
|
|
<div
|
|
className={classes.Separator}
|
|
style={{ gridColumn: `1 / ${headers.length + 1}` }}
|
|
></div>
|
|
|
|
{children}
|
|
</div>
|
|
);
|
|
};
|