"use client"
import React from "react" // Import React
import styles from "./FolderContent.module.css"

const EducationFolder: React.FC = () => { // Add React.FC type
  return (
    <div className={styles.folderContainer}>
      <h1 className={styles.folderTitle}>Education</h1>

      <div className={styles.educationItem}>
        <div className={styles.educationHeader}>
          <h2>B.Sc. in Computer and Information Science</h2>
          <span className={styles.educationYear}>2015-2021</span>
        </div>
        <p className={styles.educationInstitution}>Ain Shams University – Cairo, Egypt</p>
      </div>
    </div>
  )
}

export default EducationFolder; // Export as default