ColumnsSurface.js

<Surface width={width} height={height}>
  {data.map((item, index) => {
    let config = {
      index: index,
      width: width,
      height: height,
      data: data,
      color: color,
      lineWidth: 18,
    }

    return (
      <Group key={index} x={60} y={-20}>
        <ConstructShape config={{...config, ...{ color: "#353535", type: 'main' }}} />
        <ConstructShape config={{...config, ...{ color: color, type: 'top', lineHeight: 5 }}}/>
      </Group>
    );
  })}
</Surface>