2021-07-29 16:56:47 -04:00
|
|
|
import React, { ReactNode } from "react";
|
2021-08-13 04:16:37 -04:00
|
|
|
|
2021-07-29 16:56:47 -04:00
|
|
|
import { Image } from "./Image";
|
2021-08-13 04:16:37 -04:00
|
|
|
|
2021-07-29 16:56:47 -04:00
|
|
|
import styles from "./TechTalkCard.module.css";
|
|
|
|
|
|
|
|
interface TechTalkProps {
|
|
|
|
name: string;
|
|
|
|
poster?: string;
|
|
|
|
children: ReactNode;
|
|
|
|
}
|
|
|
|
|
|
|
|
export function TechTalkCard({ name, poster, children }: TechTalkProps) {
|
|
|
|
return (
|
|
|
|
<article className={styles.card}>
|
|
|
|
<aside>
|
|
|
|
{poster && <Image alt={name} src={poster} />}
|
|
|
|
{!poster && <div className={styles.spacer}></div>}
|
|
|
|
</aside>
|
|
|
|
<section className={styles.content}>
|
|
|
|
<h1>{name}</h1>
|
|
|
|
<div>{children}</div>
|
|
|
|
</section>
|
|
|
|
</article>
|
|
|
|
);
|
|
|
|
}
|