import React from 'react'; import { groupByQuadrants, Item, Group } from '../../model'; import { quadrantsMap } from '../../config'; import QuadrantSection from '../QuadrantSection/QuadrantSection'; import './quadrant-grid.scss'; const renderQuadrant = (quadrantName: string, groups: Group) => { return (
); }; export default function QuadrantGrid({ items }: { items: Item[] }) { const groups = groupByQuadrants(items); return
{Object.keys(quadrantsMap).map((quadrantName) => renderQuadrant(quadrantName, groups))}
; }