card ui

frontend/components/dashboard/projectCard/index.tsx

@@ -0,0 +1,22 @@
+import { cn } from "@/lib/utils"
+
+export default function ProjectCard({
+  children,
+  className,
+}: {
+  children: React.ReactNode
+  className?: string
+}) {
+  return (
+    <div
+      tabIndex={0}
+      className={cn(
+        "rounded-lg border bg-card text-card-foreground shadow h-48 p-[1px] gradient-project-card-bg cursor-pointer transition-all focus-visible:outline-none focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-ring"
+      )}
+    >
+      <div className="rounded-[7px] p-4 h-full flex flex-col justify-between gradient-project-card">
+        {children}
+      </div>
+    </div>
+  )
+}