22 lines
378 B
TypeScript
22 lines
378 B
TypeScript
import React, { ReactNode } from "react";
|
|
|
|
interface GridProps {
|
|
children: ReactNode;
|
|
columns: number;
|
|
}
|
|
|
|
export function Grid({ children, columns }: GridProps) {
|
|
return (
|
|
<div
|
|
style={{
|
|
display: "grid",
|
|
gridTemplateColumns: `repeat(${columns}, 200px)`,
|
|
columnGap: 1,
|
|
gridGap: 10,
|
|
}}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|