2022-09-08 15:54:40 +03:00

35 lines
877 B
JavaScript

import React from "react";
import PropTypes from "prop-types";
import JobChapter from "./JobChapter";
const Job = ({ last, ...props }) => {
// style="margin-bottom: -15px" must pe used on last element of section
const divProps = last
? { className: "job justify-text", style: { marginBottom: "-15px" } }
: { className: "job justify-text" };
return (
<div {...divProps}>
<JobChapter {...props} />
</div>
);
};
Job.propTypes = {
name: PropTypes.string.isRequired,
time: PropTypes.string,
position: PropTypes.string,
content: PropTypes.arrayOf(
PropTypes.shape({
text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
bullets: PropTypes.arrayOf(
PropTypes.oneOfType([PropTypes.string, PropTypes.node])
)
})
).isRequired,
chapter: PropTypes.bool,
last: PropTypes.bool
};
export default Job;