function App(props) {
  const data ={
    value:0.5,
    animation:true,
    startAngle: 0,
    lineWidth: 20,
    lineBackFill: { color : "#fff"},
    background: { color : "rgba(0,0,0,0)" },
    // lineFrontFill: { image :bgImg },
    lineFrontFill: { color:'red' },
    style:styles.hexagon
};
  return (
    <div className={styles.wrap}>
    <HexagonProgress {...data}/>
     </div>
  );
}