From d1fedfc12ffbee6f334cc111485b820215e8ab11 Mon Sep 17 00:00:00 2001
From: Christopher Narayanan <93202854+Queentaker@users.noreply.github.com>
Date: Sat, 29 Jun 2024 11:59:26 +0200
Subject: [PATCH] #92 enum columns and gaps

---
 .../components/tc-grid-container/tc-grid-container.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/tc-web/src/components/tc-grid-container/tc-grid-container.tsx b/packages/tc-web/src/components/tc-grid-container/tc-grid-container.tsx
index 93f50cb..02d7e66 100644
--- a/packages/tc-web/src/components/tc-grid-container/tc-grid-container.tsx
+++ b/packages/tc-web/src/components/tc-grid-container/tc-grid-container.tsx
@@ -6,10 +6,10 @@ import { Component, Prop, h } from "@stencil/core";
   styleUrl: "tc-grid-container.css",
 })
 export class TcGridContainer {
-  @Prop() mdColumns: number = 2;
-  @Prop() lgColumns: number = 4;
-  @Prop() columns: number = 1;
-  @Prop() gap: string = "";
+  @Prop() mdColumns: 1|2|3|4|5|6 = 2;
+  @Prop() lgColumns: 1|2|3|4|5|6 = 4;
+  @Prop() columns: 1|2|3|4|5|6 = 1;
+  @Prop() gap: 'sm' | 'md' | 'lg' | 'xl' = "md";
   @Prop() backgroundColor: string = "rgb(255, 255, 255)";
 
   // Default to 2 columns