From 90db3c4b3e809bd12473ffde6ddcedcbce48a3ec Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Mon, 31 Jul 2023 14:36:04 +0700
Subject: [PATCH] panel component

---
 .../src/components/common/Panel.tsx            | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 packages/fakeyou.com/src/components/common/Panel.tsx

diff --git a/packages/fakeyou.com/src/components/common/Panel.tsx b/packages/fakeyou.com/src/components/common/Panel.tsx
new file mode 100644
index 0000000000..6ad8c5dcf0
--- /dev/null
+++ b/packages/fakeyou.com/src/components/common/Panel.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { motion } from "framer-motion";
+import { panel } from "data/animation";
+
+interface PanelProps {
+  children: React.ReactNode;
+  padding?: boolean;
+}
+
+export default function Panel(props: PanelProps) {
+  return (
+    <motion.div className="container-panel" variants={panel}>
+      <div className={`panel ${props.padding ? "p-3 py-4 p-md-4" : ""}`}>
+        {props.children}
+      </div>
+    </motion.div>
+  );
+}