first commit

src/components/card/ProductDescriptionTabs.tsx

@@ -0,0 +1,33 @@
+import React, { useState } from "react";
+
+interface ProductDescriptionTabsProps {
+  result?: any;
+}
+
+const tabList = [
+  { key: 'description', label: 'Описание' },
+  { key: 'characteristics', label: 'Характеристики' },
+  // { key: 'reviews', label: 'Отзывы' },
+  // { key: 'analogs', label: 'Аналоги' }
+];
+
+const ProductDescriptionTabs = ({ result }: ProductDescriptionTabsProps) => {
+  const [activeTab, setActiveTab] = useState<'description' | 'characteristics' | 'reviews' | 'analogs'>('characteristics');
+
+  return (
+    <div className="w-layout-hflex flex-block-51">
+      {tabList.map(tab => (
+        <div
+          key={tab.key}
+          className={activeTab === tab.key ? 'tab_card-activ' : 'tab_card'}
+          onClick={() => setActiveTab(tab.key as typeof activeTab)}
+          style={{ cursor: 'pointer' }}
+        >
+          {tab.label}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default ProductDescriptionTabs;