From d8d2de43eb56f641c4a371fb7def5077e6cf5f59 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gnerim.ru>
Date: Sun, 5 Apr 2026 20:50:09 +0300
Subject: [PATCH] feat: create Card component wrapper

---
 apps/react/src/app/components/card/card.scss |  6 ++++++
 apps/react/src/app/components/card/card.tsx  | 16 ++++++++++++++++
 apps/react/src/app/components/card/index.ts  |  2 ++
 3 files changed, 24 insertions(+)
 create mode 100644 apps/react/src/app/components/card/card.scss
 create mode 100644 apps/react/src/app/components/card/card.tsx
 create mode 100644 apps/react/src/app/components/card/index.ts

diff --git a/apps/react/src/app/components/card/card.scss b/apps/react/src/app/components/card/card.scss
new file mode 100644
index 000000000..7decf5228
--- /dev/null
+++ b/apps/react/src/app/components/card/card.scss
@@ -0,0 +1,6 @@
+.card {
+  padding: 16px;
+  border-radius: 4px;
+  background-color: #ffffff;
+  border: 1px solid #e0e0e0;
+}
diff --git a/apps/react/src/app/components/card/card.tsx b/apps/react/src/app/components/card/card.tsx
new file mode 100644
index 000000000..6d3100244
--- /dev/null
+++ b/apps/react/src/app/components/card/card.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import './card.scss'
+
+export interface CardProps {
+  className?: string
+  children: React.ReactNode
+  'data-testid'?: string
+}
+
+export const Card: React.FC<CardProps> = ({ className, children, 'data-testid': dataTestId }) => {
+  return (
+    <section className={`card ${className || ''}`} data-testid={dataTestId}>
+      {children}
+    </section>
+  )
+}
diff --git a/apps/react/src/app/components/card/index.ts b/apps/react/src/app/components/card/index.ts
new file mode 100644
index 000000000..2a865313b
--- /dev/null
+++ b/apps/react/src/app/components/card/index.ts
@@ -0,0 +1,2 @@
+export { Card } from './card'
+export type { CardProps } from './card'