import React from 'react';
import Trivial from '../components/icons/Trivial';
import TrivialFive from '../components/icons/TrivialFive';
import TrivialFour from '../components/icons/TrivialFour';
import TrivialOne from '../components/icons/TrivialOne';
import TrivialThree from '../components/icons/TrivialThree';
import TrivialTwo from '../components/icons/TrivialTwo';

const getTrivialIcon = (index: number): JSX.Element => {
  switch (index) {
    case 1: {
      return <TrivialOne />;
    }
    case 2: {
      return <TrivialTwo />;
    }
    case 3: {
      return <TrivialThree />;
    }
    case 4: {
      return <TrivialFour />;
    }
    case 5: {
      return <TrivialFive />;
    }
    default: {
      return <Trivial />;
    }
  }
};

export default getTrivialIcon;
