From 9485fc688d7df501046c7d0a777bbb3ea757a2e4 Mon Sep 17 00:00:00 2001
From: Adrian Pilarczyk <adrianpilarczyk314@gmail.com>
Date: Tue, 16 May 2023 11:51:01 +0200
Subject: [PATCH] feat: :alembic: move taxes app-grid to packages/ui

---
 apps/taxes/src/modules/ui/app-layout.tsx |  2 +-
 packages/ui/src/app-grid.tsx             | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 packages/ui/src/app-grid.tsx

diff --git a/apps/taxes/src/modules/ui/app-layout.tsx b/apps/taxes/src/modules/ui/app-layout.tsx
index 9c618b2..1ec5410 100644
--- a/apps/taxes/src/modules/ui/app-layout.tsx
+++ b/apps/taxes/src/modules/ui/app-layout.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { AppContainer } from "./app-container";
-import { AppGrid } from "./app-grid";
+import { AppGrid } from "@saleor/apps-ui";
 
 export const AppLayout = ({ children }: { children: React.ReactNode }) => {
   return (
diff --git a/packages/ui/src/app-grid.tsx b/packages/ui/src/app-grid.tsx
new file mode 100644
index 0000000..ffabf02
--- /dev/null
+++ b/packages/ui/src/app-grid.tsx
@@ -0,0 +1,19 @@
+import { makeStyles } from "@saleor/macaw-ui";
+import { PropsWithChildren } from "react";
+
+export const useStyles = makeStyles({
+  root: {
+    display: "grid",
+    gridTemplateColumns: "280px auto 280px",
+    alignItems: "start",
+    gap: 32,
+  },
+});
+
+type AppGridProps = PropsWithChildren<{}>;
+
+export const AppGrid = ({ children }: AppGridProps) => {
+  const styles = useStyles();
+
+  return <div className={styles.root}>{children}</div>;
+};