first

2026-02-16 19:34:35 +00:00
commit 9ab0940ca4
784 changed files with 41710 additions and 0 deletions
@@ -0,0 +1,24 @@
+import type { CSSProperties, ComponentPropsWithoutRef } from 'react';
+import { cn } from 'helpers/cn';
+
+export const cardStyle = (overrides?: CSSProperties): CSSProperties => ({
+  backgroundColor: 'rgba(255, 255, 255, 0.9)',
+  backgroundImage: `
+    linear-gradient(to right, rgba(20, 83, 45, 0.08) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(20, 83, 45, 0.08) 1px, transparent 1px)
+  `,
+  backgroundSize: '20px 20px',
+  ...overrides,
+});
+
+type CardProps = ComponentPropsWithoutRef<'div'>;
+
+export const Card = ({ className, style, ...props }: CardProps) => {
+  return (
+    <div
+      className={cn('rounded-xl border-2 border-duck-dark/30 shadow-lg', className)}
+      style={cardStyle(style)}
+      {...props}
+    />
+  );
+};