// History.tsx
import React from 'react';

const History: React.FC = () => {
  return (
    <div className="history-background">
      <div className="history">
        <ul>
            {/* Populate with history items */}
            <li><a href="#">history1</a></li>
            <li><a href="#">history2</a></li>
            <li><a href="#">history3</a></li>
            <li><a href="#">history4</a></li>
            <li><a href="#">history5</a></li>
            <li><a href="#">history6</a></li>
            <li><a href="#">history7</a></li>
            <li><a href="#">history8</a></li>
            <li><a href="#">history9</a></li>
            <li><a href="#">history10</a></li>
            <li><a href="#">history11</a></li>
            <li><a href="#">history12</a></li>
            <li><a href="#">history13</a></li>
            <li><a href="#">history14</a></li>
            <li><a href="#">history15</a></li>
            <li><a href="#">history16</a></li>
            <li><a href="#">history17</a></li>
            <li><a href="#">history18</a></li>
            <li><a href="#">history19</a></li>
            <li><a href="#">history20</a></li>
          </ul>
      </div>
    </div>
  );
};

export default History;
