2024-07-25 13:05:47 +00:00
|
|
|
import { ReactElement } from 'react'
|
|
|
|
|
|
|
|
import styles from './style.module.scss'
|
|
|
|
|
|
|
|
interface CardComponentProps {
|
|
|
|
icon: ReactElement
|
|
|
|
title: ReactElement
|
|
|
|
description: ReactElement
|
|
|
|
actions?: ReactElement
|
|
|
|
}
|
|
|
|
|
|
|
|
export const CardComponent = ({
|
|
|
|
icon,
|
|
|
|
title,
|
|
|
|
description,
|
|
|
|
actions
|
|
|
|
}: CardComponentProps) => {
|
|
|
|
return (
|
|
|
|
<div className={styles.card}>
|
2024-07-29 09:22:04 +00:00
|
|
|
<h3 className={styles.title}>
|
|
|
|
<div className={styles.icon}>{icon}</div>
|
|
|
|
{title}
|
|
|
|
</h3>
|
|
|
|
<p className={styles.description}>{description}</p>
|
2024-07-29 12:03:16 +00:00
|
|
|
{actions ? <div className={styles.actions}>{actions}</div> : null}
|
2024-07-25 13:05:47 +00:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|