Separate Client Portal & Dashboard

frontend/client-portal/src/components/animate/variants/container.ts

@@ -0,0 +1,28 @@
+// ----------------------------------------------------------------------
+
+export type Props = {
+  staggerIn?: number;
+  delayIn?: number;
+  staggerOut?: number;
+};
+
+export const varContainer = (props?: Props) => {
+  const staggerIn = props?.staggerIn || 0.05;
+  const delayIn = props?.staggerIn || 0.05;
+  const staggerOut = props?.staggerIn || 0.05;
+
+  return {
+    animate: {
+      transition: {
+        staggerChildren: staggerIn,
+        delayChildren: delayIn,
+      },
+    },
+    exit: {
+      transition: {
+        staggerChildren: staggerOut,
+        staggerDirection: -1,
+      },
+    },
+  };
+};