import React, {ComponentProps} from 'react';
import {BriefcaseIcon} from '@heroicons/react/24/outline';

function Job(props: ComponentProps<any>) {
    return (<div className="mb-5">
        <div className="flex justify-between w-full"><h4 className="m-0">{props.jobTitle}</h4>
            <div>{props.start} - {props.end}</div>
        </div>
        <h5>{props.company}</h5>
        <ul>
            {props.tasks.split("|").map((task: string) => <li key={task}>{task}</li>)}
        </ul>
    </div>);
}

export default Job;