45 lines
1.0 KiB
TypeScript
45 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
import { CardStack } from '@/components/cardStack/CardStack';
|
|
|
|
interface FeatureCardTwentySevenProps {
|
|
features: Array<{
|
|
id: string;
|
|
title: string;
|
|
description: string;
|
|
}>;
|
|
title: string;
|
|
description: string;
|
|
gridVariant?: string;
|
|
animationType?: string;
|
|
[key: string]: any;
|
|
}
|
|
|
|
const FeatureCardTwentySeven: React.FC<FeatureCardTwentySevenProps> = ({
|
|
features,
|
|
title,
|
|
description,
|
|
gridVariant = 'uniform-all-items-equal',
|
|
animationType = 'slide-up',
|
|
...props
|
|
}) => {
|
|
const featureItems = features.map((feature) => (
|
|
<div key={feature.id} className="flex flex-col gap-4">
|
|
<h3 className="text-xl font-semibold">{feature.title}</h3>
|
|
<p className="text-sm text-foreground/75">{feature.description}</p>
|
|
</div>
|
|
));
|
|
|
|
return (
|
|
<CardStack
|
|
gridVariant={gridVariant}
|
|
animationType={animationType}
|
|
title={title}
|
|
description={description}
|
|
{...props}
|
|
>
|
|
{featureItems}
|
|
</CardStack>
|
|
);
|
|
};
|
|
|
|
export default FeatureCardTwentySeven; |