import React from 'react';
import HeadlineGroup from './HeadlineGroup';
import ItemRevision from './ItemRevision';

export default function ItemRevisions({ revisions }) {
  return (
    <div>
      <HeadlineGroup secondary>
        <h4 className="headline headline--dark">
          Revisions:
        </h4>
      </HeadlineGroup>

      {revisions.map((revision) => <ItemRevision key={revision.release} revision={revision} />)}
    </div>
  );
}