import { formatDuration } from '../lib/format';

interface Props {
  totalWorkedMs: number;
  totalBreakMs: number;
  shiftCount: number;
}

export function StatsSummary({ totalWorkedMs, totalBreakMs, shiftCount }: Props) {
  return (
    <div className="stat-grid">
      <div className="stat-tile">
        <div className="stat-value">{formatDuration(totalWorkedMs)}</div>
        <div className="stat-label">Odpracováno</div>
      </div>
      <div className="stat-tile">
        <div className="stat-value">{formatDuration(totalBreakMs)}</div>
        <div className="stat-label">Pauzy</div>
      </div>
      <div className="stat-tile">
        <div className="stat-value">{shiftCount}</div>
        <div className="stat-label">Směny</div>
      </div>
    </div>
  );
}
