mirror of
https://github.com/Vendicated/Vencord.git
synced 2025-01-26 17:26:22 +00:00
29 lines
639 B
TypeScript
29 lines
639 B
TypeScript
|
/*
|
||
|
|
* Vencord, a Discord client mod
|
||
|
|
* Copyright (c) 2024 Vendicated and contributors
|
||
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { CSSProperties } from "react";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
columns: number;
|
||
|
|
gap?: string;
|
||
|
|
inline?: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function Grid(props: Props & JSX.IntrinsicElements["div"]) {
|
||
|
|
const style: CSSProperties = {
|
||
|
|
display: props.inline ? "inline-grid" : "grid",
|
||
|
|
gridTemplateColumns: `repeat(${props.columns}, 1fr)`,
|
||
|
|
gap: props.gap,
|
||
|
|
...props.style
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div {...props} style={style}>
|
||
|
|
{props.children}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|