hookshot/web/components/ConnectionCard.tsx

import { h } from "preact";
import style from "./ConnectionCard.module.scss";

interface IProps {
    imageSrc: string;
    serviceName: string;
    description: string;
    key: string;
    onClick: () => void;
}

export function ConnectionCard(props: IProps) {
    return <div className={style.card} onClick={props.onClick}>
        <img alt="" src={props.imageSrc} />
        <div>
            <span>{props.serviceName}</span>
            <p>{props.description}</p>
        </div>
    </div>;
}