a

2026-07-03 16:58:28 +08:00
commit 32b43f85bd
6240 changed files with 1987678 additions and 0 deletions
@@ -0,0 +1,49 @@
+import { cn } from "@/lib/utils";
+import { HTMLAttributes } from "react";
+import { Text } from "@/components/retroui/Text";
+
+interface ICardProps extends HTMLAttributes<HTMLDivElement> {
+  className?: string;
+}
+
+const Card = ({ className, ...props }: ICardProps) => {
+  return (
+    <div
+      className={cn(
+        "inline-block border-2 rounded shadow-md transition-all hover:shadow-none bg-card",
+        className,
+      )}
+      {...props}
+    />
+  );
+};
+
+const CardHeader = ({ className, ...props }: ICardProps) => {
+  return (
+    <div
+      className={cn("flex flex-col justify-start p-4", className)}
+      {...props}
+    />
+  );
+};
+
+const CardTitle = ({ className, ...props }: ICardProps) => {
+  return <Text as="h3" className={cn("mb-2", className)} {...props} />;
+};
+
+const CardDescription = ({ className, ...props }: ICardProps) => (
+  <p className={cn("text-muted-foreground", className)} {...props} />
+);
+
+const CardContent = ({ className, ...props }: ICardProps) => {
+  return <div className={cn("p-4", className)} {...props} />;
+};
+
+const CardComponent = Object.assign(Card, {
+  Header: CardHeader,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
+});
+
+export { CardComponent as Card };