high/IconContainer.js
export const IconContainer = ({
children,
width,
height,
performance,
}) => {
return (
<svg width={width} height={height}>
<defs>
<marker
id="markerCircleHigh"
markerWidth="5"
markerHeight="5"
refX="3"
refY="3"
>
<circle cx="3" cy="3" r="1.75" fill="lightgrey" />
</marker>
<marker
id="markerCircleHighlight"
markerWidth="5"
markerHeight="5"
refX="3"
refY="3"
>
<circle
cx="3"
cy="3"
r="1.75"
fill={
performance === 'concern'
? 'darkorange'
: 'dodgerblue'
}
/>
</marker>
