mirror of
https://github.com/matrix-org/matrix-hookshot.git
synced 2025-03-10 21:19:13 +00:00
46467ac810
* Button: Extend HTMLButton prop types * Use className prop instad of styles * Move style prop into scss file
13 lines
502 B
TypeScript
13 lines
502 B
TypeScript
import { FunctionComponent } from "preact";
|
|
import style from "./ServiceCard.module.scss";
|
|
|
|
|
|
export const ServiceCard: FunctionComponent<{serviceName: string, iconUrl: string, onConfigure: () => void}> = ({ serviceName, iconUrl, onConfigure }) => {
|
|
return <div className={`card ${style.serviceCard}`}>
|
|
<img className={style.icon} src={iconUrl} />
|
|
<div>
|
|
<span>{serviceName}</span>
|
|
<button onClick={onConfigure}>Configure</button>
|
|
</div>
|
|
</div>;
|
|
}; |