init

2026-04-28 09:27:54 +07:00
commit 68d05da584
320 changed files with 26229 additions and 0 deletions
@@ -0,0 +1,43 @@
+import React from "react";
+
+interface ComponentCardProps {
+  title: string;
+  children: React.ReactNode;
+  className?: string; // Additional custom classes for styling
+  desc?: string; // Description text
+  headerAction?: React.ReactNode;
+}
+
+const ComponentCard: React.FC<ComponentCardProps> = ({
+  title,
+  children,
+  className = "",
+  desc = "",
+  headerAction,
+}) => {
+  return (
+    <div
+      className={`rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03] ${className}`}
+    >
+      {/* Card Header */}
+      <div className="px-6 py-5 flex items-center justify-between">
+        <h3 className="text-base font-medium text-gray-800 dark:text-white/90">
+          {title}
+        </h3>
+        {desc && (
+          <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
+            {desc}
+          </p>
+        )}
+        {headerAction && <div>{headerAction}</div>}
+      </div>
+      
+      {/* Card Body */}
+      <div className="p-4 border-t border-gray-100 dark:border-gray-800 sm:p-6">
+        <div className="space-y-6">{children}</div>
+      </div>
+    </div>
+  );
+};
+
+export default ComponentCard;