/**
 * 검사 진행률 바 (PRD §3.1) — count/(전체단계-1)
 */
import styled from 'styled-components';

const Bar = styled.div`
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #e6e9f0;
  overflow: hidden;

  div {
    height: 100%;
    background: var(--pcnt-primary);
    transition: width 0.25s;
  }
`;

export default function TestProgress({ current, total }: { current: number; total: number }) {
  const pct = total > 1 ? Math.round((current / (total - 1)) * 100) : 100;
  return (
    <div>
      <Bar><div style={{ width: `${pct}%` }} /></Bar>
    </div>
  );
}