Edit File by line

import React from "react";

[0] Fix | Delete

[1] Fix | Delete

export default function ProgressBar(

[2] Fix | Delete

{

[3] Fix | Delete

progress = 0,

[4] Fix | Delete

stateMessage = ''

[5] Fix | Delete

}

[6] Fix | Delete

) {

[7] Fix | Delete

progress = Math.ceil(progress);

[8] Fix | Delete

const progressPercentage = progress + "%";

[9] Fix | Delete

[10] Fix | Delete

return (

[11] Fix | Delete

<React.Fragment>

[12] Fix | Delete

[13] Fix | Delete

[14] Fix | Delete

[15] Fix | Delete

[16] Fix | Delete

</span>

[17] Fix | Delete

[18] Fix | Delete

<div className="sui-progress-text">{progressPercentage}</div>

[19] Fix | Delete

[20] Fix | Delete

[21] Fix | Delete

<span

[22] Fix | Delete

style={{

[23] Fix | Delete

transition: progress === 0 ? false : "transform 0.4s linear 0s",

[24] Fix | Delete

transformOrigin: "left center",

[25] Fix | Delete

transform: `translateX(${progress - 100}%)`,

[26] Fix | Delete

}}

[27] Fix | Delete

[28] Fix | Delete

</div>

[29] Fix | Delete

</div>

[30] Fix | Delete

</div>

[31] Fix | Delete

<div className="sui-progress-state">{stateMessage}</div>

[32] Fix | Delete

</React.Fragment>

[33] Fix | Delete

);

[34] Fix | Delete

}

[35] Fix | Delete

[36] Fix | Delete