From 4fcfd34bbbc22affd48a4cb8f80b47593a4f53b0 Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Tue, 2 Jul 2024 11:16:10 +0200
Subject: [PATCH] feat(components): :sparkles: allow custom styles for
 `AutoGrid`

---
 components/AutoGrid.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/AutoGrid.tsx b/components/AutoGrid.tsx
index 975d90f..53ccb5e 100644
--- a/components/AutoGrid.tsx
+++ b/components/AutoGrid.tsx
@@ -3,16 +3,19 @@ import { JSX } from 'preact'
 type Units = 'rem' | '%' | 'px'
 
 export function AutoGrid(
-	{ columnWidth, children }: {
+	{ columnWidth, children, style }: {
 		columnWidth: `${number}${Units}`
 		children: JSX.Element | JSX.Element[]
+		style?: JSX.CSSProperties
 	},
 ) {
 	return (
 		<div
 			class='components__auto_grid'
 			style={{
-				gridTemplateColumns: `repeat(auto-fit, minmax(${columnWidth}, 1fr));`,
+				gridTemplateColumns:
+					`repeat(auto-fit, minmax(${columnWidth}, 1fr));`,
+				...style,
 			}}
 		>
 			{children}