Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | 1x 8x 1x 1x | import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; const VerticalTimeline = ({ animate, className, layout, children }) => ( <div className={classNames(className, 'vertical-timeline', { 'vertical-timeline--animate': animate, 'vertical-timeline--two-columns': layout === '2-columns', 'vertical-timeline--one-column-left': layout === '1-column' || layout === '1-column-left', 'vertical-timeline--one-column-right': layout === '1-column-right', })} > {children} </div> ); VerticalTimeline.propTypes = { children: PropTypes.oneOfType([ PropTypes.arrayOf(PropTypes.node), PropTypes.node, ]).isRequired, className: PropTypes.string, animate: PropTypes.bool, layout: PropTypes.oneOf([ '1-column-left', '1-column', '2-columns', '1-column-right', ]), }; VerticalTimeline.defaultProps = { animate: true, className: '', layout: '2-columns', }; export default VerticalTimeline; |