outputCV.js

import OutputCSS from '../css/outputCV.module.css';

export default function OutputCV(props) {
    return (
        <section className="output-cv">
            <Introduction introduction={props.introduction} />
            <Summary />
            <WorkHistory />
            <EducationHistory />
        </section>
    )
}

function Introduction({ introduction }) {
    return (
        <section className={OutputCSS.introduction}>
            <p className={OutputCSS.firstName}>{introduction.firstName}</p>
            <p className={OutputCSS.lastName} >{introduction.lastName}</p>
            <p className={OutputCSS.phoneNumber} >{introduction.phoneNumber}</p>
            <p className={OutputCSS.email} >{introduction.email}</p>
            <p className={OutputCSS.linkedIn} >{introduction.linkedIn}</p>
            <p className={OutputCSS.website} >{introduction.website}</p>
        </section>
    )
}

function Summary(props) {
    return (
        <section className={OutputCSS.summary}>
            <p className={OutputCSS.summaryTextArea}></p>
        </section>
    )
}

function WorkHistory(props) {
    return (
        <section className={OutputCSS.workHistory}>
            <p className={OutputCSS.jobName}></p>
            <p className={OutputCSS.jobPosition}></p>
            <p className={OutputCSS.startDate}></p>
            <p className={OutputCSS.endDate}></p>
            <p className={OutputCSS.jobDescription}></p>
        </section>
    )
}

function EducationHistory(props) {
    return (
        <section className={OutputCSS.educationHistory}>
            <p className={OutputCSS.educationName}></p>
            <p className={OutputCSS.certificateName}></p>
            <p className={OutputCSS.dateAcquired}></p>
            <p className={OutputCSS.educationDescription}></p>
        </section>
    )
}