const lengthPx = `${props.length}px`; return ( <div onClick={props.onClick} style={{ width: lengthPx, height: lengthPx, backgroundColor: props.color, textAlign: "center", }} > <i className={`bi-${props.icon}`} style={{ color: props.iconColor, position: "relative", top: "calc(50% - 16px)", }} /> </div> );