export default function ProgressBar()

in src/ProgressBar.js [21:51]

• 30 lines of code
• 1 McCabe index (conditional complexity)

export default function ProgressBar({ value = 0 }) {
  const percent = value * 100
  const style = css({
    width: '100%',
    height: '1.25rem',
    backgroundColor: 'lightgray',
    border: '1px solid gray',
  })

  const innerStyle = css({
    height: '100%',
    transition: 'all 0.35s ease-in',
  })
  return (
    <div
      role="progressbar"
      aria-valuemin={0}
      aria-valuemax={100}
      aria-valuenow={percent}
      {...style}
    >
      <div
        {...innerStyle}
        style={{
          width: `${percent}%`,
          backgroundColor: getColor(value),
        }}
      />
    </div>
  )
}