import React from 'react' ; import { IStyleProperty } from '../../properties/style_property' ; interface Props { isLinesOnly : boolean ; isPointsOnly : boolean ; styles : Array < IStyleProperty < any > > ; symbolId ? : string ; } export function VectorStyleLegend ( { isLinesOnly , isPointsOnly , styles , symbolId } ) { const legendRows = [ ] ; for ( let i = 0 ; i < styles . length ; i ++ ) { const row = styles [ i ] . renderLegendDetailRow ( { isLinesOnly , isPointsOnly , symbolId , } ) ; legendRows . push ( < div key = { i } className = "vectorStyleLegendSpacer" > { row } < /div>); } return < > { legendRows } < />; }