27 lines
772 B
TypeScript
27 lines
772 B
TypeScript
import React, { ReactNode } from "react";
|
|
import Image from "next/image";
|
|
import { StaticImport } from "next/dist/shared/lib/get-img-props";
|
|
|
|
interface ContentProps {
|
|
title: string,
|
|
heroImgSrc: string | StaticImport,
|
|
description?: string,
|
|
innerChildren?: ReactNode
|
|
}
|
|
const Content = ({
|
|
title = '',
|
|
heroImgSrc,
|
|
description = '',
|
|
innerChildren = <></>
|
|
}: ContentProps) => {
|
|
return (
|
|
<div className="p-4 px-10 flex flex-col">
|
|
<div className=" w-fit pb-1 mb-8 border-b-2 border-white">{title}</div>
|
|
{heroImgSrc && <div className="mb-8 h-1/2"><Image src={heroImgSrc} alt=""/></div>}
|
|
<div>{description}</div>
|
|
<div>{innerChildren}</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Content; |