2022-04-08 16:16:12 +01:00
|
|
|
import style from "./ConnectionCard.module.scss";
|
|
|
|
|
|
|
|
|
|
interface IProps {
|
|
|
|
|
imageSrc: string;
|
2023-12-22 15:44:00 +00:00
|
|
|
darkImage?: boolean;
|
2022-04-08 16:16:12 +01:00
|
|
|
serviceName: string;
|
|
|
|
|
description: string;
|
2022-07-29 10:05:21 -04:00
|
|
|
key: string;
|
2022-04-08 16:16:12 +01:00
|
|
|
onClick: () => void;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function ConnectionCard(props: IProps) {
|
|
|
|
|
return <div className={style.card} onClick={props.onClick}>
|
2023-12-22 15:44:00 +00:00
|
|
|
<img alt="" src={props.imageSrc} className={props.darkImage ? style.invert : ''} />
|
2022-04-08 16:16:12 +01:00
|
|
|
<div>
|
|
|
|
|
<span>{props.serviceName}</span>
|
|
|
|
|
<p>{props.description}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>;
|
|
|
|
|
}
|
