1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-23 23:24:23 +00:00
festa/components/events/views/event.tsx

33 lines
828 B
TypeScript
Raw Normal View History

2022-06-11 03:08:49 +00:00
import { ReactNode } from "react"
import style from "./event.module.css"
export type ViewEventProps = {
title: ReactNode,
postcard: ReactNode,
description: ReactNode,
daterange: ReactNode,
}
/**
* View intended for use in the event details page.
*/
export const ViewEvent = (props: ViewEventProps) => {
return (
<main className={style.viewEvent}>
<h1 className={style.viewEventTitle}>
{props.title}
</h1>
<div className={style.viewEventPostcard}>
{props.postcard}
</div>
<div className={style.viewEventDescription}>
{props.description}
</div>
<div className={style.viewEventDaterange}>
{props.daterange}
</div>
</main>
)
}