@codesinger0/shared-components 1.0.40 → 1.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AdvantagesList.jsx +69 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
const AdvantagesList = ({
|
|
2
|
+
points = [],
|
|
3
|
+
title,
|
|
4
|
+
subtitle,
|
|
5
|
+
className = '',
|
|
6
|
+
classNames = {},
|
|
7
|
+
...props
|
|
8
|
+
}) => {
|
|
9
|
+
const {
|
|
10
|
+
title: titleClass = 'main-title',
|
|
11
|
+
subtitle: subtitleClass = 'main-subtitle',
|
|
12
|
+
content: contentClass = 'content-text'
|
|
13
|
+
} = classNames;
|
|
14
|
+
|
|
15
|
+
if (!points || points.length === 0) {
|
|
16
|
+
return (
|
|
17
|
+
<section className={`py-16 px-4 ${className}`} {...props} dir="rtl">
|
|
18
|
+
<div className="max-w-6xl mx-auto text-center">
|
|
19
|
+
{title && <h2 className={titleClass + " mb-4"}>{title}</h2>}
|
|
20
|
+
{subtitle && <h3 className={subtitleClass + " mb-8"}>{subtitle}</h3>}
|
|
21
|
+
<p className={contentClass}>אין נקודות להצגה</p>
|
|
22
|
+
</div>
|
|
23
|
+
</section>
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return (
|
|
28
|
+
<section className={`py-16 px-4 bg-main ${className}`} {...props} dir="rtl">
|
|
29
|
+
<div className="max-w-6xl mx-auto">
|
|
30
|
+
{/* Header */}
|
|
31
|
+
{(title || subtitle) && (
|
|
32
|
+
<div className="text-center mb-12">
|
|
33
|
+
{title && <h2 className={titleClass + " mb-4"}>{title}</h2>}
|
|
34
|
+
{subtitle && <h3 className={subtitleClass}>{subtitle}</h3>}
|
|
35
|
+
</div>
|
|
36
|
+
)}
|
|
37
|
+
|
|
38
|
+
{/* Points Grid */}
|
|
39
|
+
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
40
|
+
{points.map((point, index) => (
|
|
41
|
+
<div key={index} className="glass-card p-6 hover:scale-105 transition-transform duration-200">
|
|
42
|
+
{/* Desktop Layout - Horizontal */}
|
|
43
|
+
<div className="hidden lg:flex items-start gap-4">
|
|
44
|
+
<div className="flex-shrink-0 w-12 h-12 rounded-full flex items-center justify-center text-primary">
|
|
45
|
+
<point.icon size={24} />
|
|
46
|
+
</div>
|
|
47
|
+
<div className="flex-1">
|
|
48
|
+
<p className={contentClass + " leading-relaxed"}>{point.text}</p>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
{/* Mobile Layout - Vertical */}
|
|
53
|
+
<div className="lg:hidden text-center space-y-2">
|
|
54
|
+
<div className="flex justify-center">
|
|
55
|
+
<div className="w-14 h-10 rounded-full flex items-center justify-center text-primary">
|
|
56
|
+
<point.icon size={26} />
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
<p className="content-text leading-relaxed">{point.text}</p>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
))}
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
</section>
|
|
66
|
+
);
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export default AdvantagesList;
|
package/dist/index.js
CHANGED
|
@@ -7,6 +7,7 @@ export { default as SmallItemsGrid } from './components/SmallItemsGrid';
|
|
|
7
7
|
export { default as SmallItemCard } from './components/SmallItemCard';
|
|
8
8
|
export { default as Hero } from './components/Hero'
|
|
9
9
|
export { default as QAAccordion } from './components/QAAccordion'
|
|
10
|
+
export { default as AdvantagesList } from './components/AdvantagesList'
|
|
10
11
|
|
|
11
12
|
// Modals
|
|
12
13
|
export { default as ItemDetailsModal } from './components/modals/ItemDetailsModal'
|