in src/components/FeatureCard/index.tsx [16:40]
export default function FeatureCard(props: Props) {
// const shadowColor = hexToRgbCode(props.color || '#ad67f7', 0.3);
return (
<div className={clsx(styles['feature-card-wrapper'], props.className)}>
<div
className={clsx(styles['feature-card'])}
data-aos='fade-up'
data-aos-delay={props.animationDelay}
style={props.style}
>
<div className={styles['feature-icon-wrapper']}>
<div className={styles['feature-icon']}>
<div className="w-6 h-6">{props.icon}</div>
</div>
</div>
<div className={clsx(styles['feature-body'])}>
<h3 className={styles['feature-title']}>{props.title}</h3>
<p>{props.content}</p>
<div className={styles['bubble']}></div>
</div>
</div>
</div>
);
}