import React from "react";
import Image from "next/image";

const Content = ({
    title = '',
    heroImgSrc,
    description = ''
}) => {
    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"><Image src={heroImgSrc} alt=""/></div>}
            <div>{description}</div>
        </div>
    );
};

export default Content;