import React from 'react';
import styles from './index.module.scss';

export const DigitShowView = () => {
  const renderDigits = () => {
    const digits = [];
    for (let i = 1; i <= 100; i++) {
      digits.push(
        <div
          key={i}
          className={`${styles.digit} ${
            i % 2 === 0 ? styles.even : styles.odd
          }`}
        >
          {i}
        </div>
      );
    }
    return digits;
  };

  return <div className={styles.digitDisplay}>{renderDigits()}</div>;
};