panel component

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>
+  );
+}