feat(components): add Card component

src/components/card/card.test.tsx

@@ -0,0 +1,17 @@
+import { render, screen } from '@testing-library/react';
+import { Card } from './card';
+
+describe('Card', () => {
+  it('renders children inside a div with correct styles', () => {
+    render(
+      <Card data-testid="card">
+        <span>Card Content</span>
+      </Card>
+    );
+
+    expect(screen.getByTestId('card')).toBeInTheDocument();
+    expect(screen.getByTestId('card')).toHaveClass(
+      'w-full rounded-[10px] bg-white p-8 shadow'
+    );
+  });
+});

src/components/card/card.tsx

@@ -0,0 +1,17 @@
+import { cn } from '@/utils/cn';
+
+export const Card = ({
+  children,
+  className,
+  ...rest
+}: React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>) => (
+  <div
+    className={cn(
+      'w-full rounded-[10px] bg-white p-6 shadow-base md:p-8',
+      className
+    )}
+    {...rest}
+  >
+    {children}
+  </div>
+);

src/components/card/index.ts

@@ -0,0 +1 @@
+export * from './card';